Object.keys(),Object.values(),Object.entries()

1、

(1)Object.keys()  //返回 键 数组
       返回数组,成员是参数对象自身的(不含继承的)所有可遍历(enumerable)属性的键名。
     eg:var obj = {a:1,b:‘gy‘}
           Object.keys(obj)  // [‘a‘,‘b‘]

(2)Object.values()   //返回 值  数组
      返回数组,成员是参数对象自身的(不含继承的)所有可遍历(enumerable)属性的键值
    eg1:var obj = {a:1,b:‘gy‘}
         Object.values(obj) //[‘a‘,‘b‘]
    eg2:var obj = Object.create({},{p:{value:42}});
           Object.values(obj) //[]
           //Oject.create的第二个参数添加的对象属性,如果不显示声明,默认是不可遍历的,所以Object.values不会返回这个属性
   eg3:Object.values({[Symbol()]:123,foo:‘abc‘})  //[‘abc‘]
        Object.values 会过滤属性名为 Symbol 值得属性
   eg4:Object.values(‘foo‘)  //[‘f‘,‘0‘,‘o‘]
         //如果参数不是对象,Object会将其转为对象
   eg5:Object.values(42)   //[]
         Object.values(true)  //[]
         //数值和boolean的包装对象 ,都不会成为实例添加非继承的属性 (3)Object.entries() //返回 键值对  数组    var obj = {a:‘11‘,b:‘name‘}    Object.entries(obj) //[[‘a‘,‘11‘],[‘b‘,22]]    //用法和Object非常相似

(4)Object.create()  //用对象去(带原型带属性)创建新对象
    //使用指定的原型对象及其属性去新建一个新的对象

原文地址:https://www.cnblogs.com/lmxxlm-123/p/9651579.html

时间: 2024-10-25 18:49:28

Object.keys(),Object.values(),Object.entries()的相关文章

Object.keys(),Object.values(),Object.entries()

Object.keys(),Object.values(),Object.entries() Object.keys() ES5 引入了Object.keys方法,返回一个数组,成员是参数对象自身的(不含继承的)所有可遍历(enumerable)属性的键名. var obj = { foo: 'bar', baz: 42 }; Object.keys(obj) // ["foo", "baz"] ES2017 引入了跟Object.keys配套的Object.val

for in 与 Object.keys 与 hasOwnProperty区别

1.结论 for in遍历对象所有可枚举属性 包括原型链上的属性 Object.keys遍历对象所有可枚举属性 不包括原型链上的属性 hasOwnProperty 检查对象是否包含属性名,无法检查原型链上是否具有此属性名 2.示例代码 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport

for in,Object.keys()与for of的用法与区别

Array.prototype.sayLength=function(){ console.log(this.length); } let arr = ['a','b','c','d']; arr.name='数组'; Object.defineProperties(arr,{ type:{ value:true, writable:true, enumerable:true } }) // for in 一般用于遍历对象的属性: 1.作用于数组的for in除了会遍历数组元素外,还会遍历自定义

遍历对象属性(for in、Object.keys、Object.getOwnProperty)

js中几种遍历对象的方法,包括for in.Object.keys.Object.getOwnProperty,它们在使用场景方面各有不同. for in 主要用于遍历对象的可枚举属性,包括自有属性.继承自原型的属性 var obj = {"name":"Poly", "career":"it"} Object.defineProperty(obj, "age", {value:"forever

[JS]Object.keys, values, entries

Object.keys, values, entries 对于普通对象,下列这些方法是可用的: Object.keys(obj) —— 返回一个包含该对象所有的键的数组. Object.values(obj) —— 返回一个包含该对象所有的值的数组. Object.entries(obj) —— 返回一个包含该对象所有 [key, value] 键值对的数组. 1 let obj = { 2 name: "jack", 3 age: 20, 4 sex: "man"

【转】Object.keys方法之详解

 一.语法 Object.keys(obj) 参数:要返回其枚举自身属性的对象 返回值:一个表示给定对象的所有可枚举属性的字符串数组 二.处理对象,返回可枚举的属性数组 let person = {name:"张三",age:25,address:"深圳",getName:function(){}} Object.keys(person) // ["name", "age", "address","

Object.keys方法详解

一.官方解释 Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和使用 for...in 循环遍历该对象时返回的顺序一致 .如果对象的键-值都不可枚举,那么将返回由键组成的数组. 二.语法 Object.keys(obj)参数:要返回其枚举自身属性的对象返回值:一个表示给定对象的所有可枚举属性的字符串数组 三.处理对象,返回可枚举的属性数组 <!DOCTYPE html> <html> <head> <met

in、Object.keys

for in 会遍历对象.数组以及该对象原型链上可以枚举的属性 返回的结果都是String类型 在某些情况下,遍历数组的顺序可能是随机的 1234567891011121314 Array.prototype.getLength = function() { return this.length;};var arr = ['a', 'b', 'c'];arr.name = 'June';Object.defineProperty(arr, 'age', { enumerable: true, v

Object.keys方法之详解

在实际开发中,我们有时需要知道对象的所有属性,原生js给我们提供了一个很好的方法:Object.keys(),该方法返回一个数组 传入对象,返回属性名 var obj = {'a':'123','b':'345'}; console.log(Object.keys(obj)); //['a','b'] var obj1 = { 100: "a", 2: "b", 7: "c"}; console.log(Object.keys(obj1)); /