发布网友 发布时间:2022-04-22 21:49
共3个回答
懂视网 时间:2022-05-14 17:37
在之前的文章【如何使用Object.entries()方法】中我们了解到使用entries()方法可以把对象的[key,value]对作为数组元素,以数组的形式遍历输出。那如果只是想要数组的形式遍历[key,value]对中单个key值或者value值要怎么实现?本篇文章就给大家介绍使用Object.keys()方法和Object.values()方法输出对象[key,value]对中单个key值或者value值的方法。Object.keys()方法
Object.keys()方法可以将一个对象作为参数,然后把这个对象[key,value]对中的key值以数组的形式遍历出来。
基本语法:
Object.keys(obj)
Object.values()方法
Object.values()方法可以将一个对象作为参数,然后把这个对象[key,value]对中的value值以数组的形式遍历出来。
基本语法:
Object.values(obj)
Object.entries()和Object.values()方法的使用
1、列出对象所有的key属性或者value属性,例:
var obj ={ name: '小明', age: '20岁', sex: '男' }; console.log(Object.keys(obj)); console.log(Object.values(obj));
输出:
可以看出,使用Object.keys()方法遍历key,输出:name,age,sex;使用Object.values()方法遍历value,输出:小明,20岁,男。
2、列出对象中指定的key属性或者value属性,例:
var obj ={ name: '小明', age: '20岁', sex: '男' }; console.log(Object.keys(obj)[0]); console.log(Object.values(obj)[0]);
输出:
可以看出,指定返回对象的第1个[key,value]对里的key值“name”,第1个[key,value]对里的value值“小明”。
3、根据随机key值,返回有序的值
var obj ={ 70: 'x', 20: 'y', 35: 'z' }; console.log(Object.keys(obj)); console.log(Object.values(obj));
输出:
总结:
热心网友 时间:2022-05-14 14:45
//js中创建对象有两种方法:
//1、对象字面量法
var o1={name:"aaa",age:17};
//2、构造函数法
var o2=new Object();
o2.name="bbb";
o2.age=20;
热心网友 时间:2022-05-14 16:03
声明对象的两种语法
let obj = {'name':'qmn','age':18} 简单写法
let obj = new Object({'name': 'qmn'}) 正规写法123
如何删除对象的属性
delete obj.xxx 或者 delete obj[‘xxx’]
如何查看对象的属性
Object.keys() 查看对象所有的key
Object.values() 查看对象所有的value
Object.entries() 查看对象所有的key 和 value
如何修改或增加对象的属性
直接赋值
let obj = {name:'frank'} // name是字符串
obj.name = 'frank' // name是字符串
obj['name'] = 'frank'
obj[name] = 'frank' // 错误,因为name值不确定
obj['na' + 'me'] = 'frank'
let key = 'name' ; obj[key] = 'frank'
let key = 'name'; obj.key='frank' // 错误
因为 obj.key 等价于 obj['key']1234567891011121314151617
批量赋值
Object.assign(obj,{age:18,gender:‘man’})
批量赋值是ES6新出的API
‘name’ in obj和obj.hasOwnProperty(‘name’) 的区别
in 是判断一个属性是否在一个对象中,不管是不是在对象的原型中
hasOwnProperty 方法是判断一个属性是否在对象自身中,而不是原型中