数组,对象,map相关操作集锦

对象

  • 使用object.keys() 和object.values()
const obj = {
    name: 'xiao',
    age: 1
}
console.log(Object.keys(obj))  // [ 'name', 'age' ]
console.log(Object.values(obj)) // [ 'xiao', 1 ]
  • 使用for…in
const obj = {
    name: 'xiao',
    age: 1
}
for (const key in obj) {
    if (Object.hasOwnProperty.call(obj, key)) { // 判断是否定义到对象本身而不是继承原型链
        const element = obj[key];
        console.log(key) // name  age
        console.log(element) // xiao   1
    }
}
  • Object.getOwnPropertyNames()
const obj = {
    name: 'xiao',
    age: 1
}
console.log(Object.getOwnPropertyNames(obj)) // [ 'name', 'age' ]

/**
 * 注意:Object.getOwnPropertyNames()与Object.keys()的区别
 *  Object.getOwnPropertyNames包含对象所有的自身属性,包含不可枚举属性 但不包含继承属性和symbol
 *  Object.keys() 包含对象自有可枚举属性
 */
  • Reflect.ownKeys()
const obj = {
   name: 'xiao',
   age: 1
}
console.log(Reflect.ownKeys(obj))

/**
* Reflect.ownKeys() 返回属性所有的key 包括symbol和不可枚举的属性
*/

map

  • forEach()
let map = new Map()
map.set('name','xiao')
map.set('age',1)
map.forEach((value,key) => {
    console.log(key,":",value)  // name : xiao   age : 1
});
  • for…of
let map = new Map()
map.set('name','xiao')
map.set('age',1)
for (const iterator of map) {
    console.log('key:'+ iterator[0]+ '   value: '+ iterator[1]) // key:name value: xiao key:age value: 1
}
for (const iterator of map.values()) {
    console.log(iterator) // xiao 1
}
for (const iterator of map.keys()) {
    console.log(iterator) // name  age
}
  • entries
let map = new Map()
map.set('name','xiao')
map.set('age',1)
for (const iterator of map.entries()) {
    console.log(iterator) // [ 'name', 'xiao' ]  [ 'age', 1 ]
}

数组

js数组常用方法与属性

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值