對象

• 使用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()的區(qū)別
 *  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 ]
}

數(shù)組

js數(shù)組常用方法與屬性