對象
- 使用object.keys() 和object.values()
const obj = {
name: 'xiao',
age: 1
}
console.log(Object.keys(obj)) // [ 'name', 'age' ]
console.log(Object.values(obj)) // [ 'xiao', 1 ]
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() 包含對象自有可枚舉屬性
*/
const obj = {
name: 'xiao',
age: 1
}
console.log(Reflect.ownKeys(obj))
/**
* Reflect.ownKeys() 返回屬性所有的key 包括symbol和不可枚舉的屬性
*/
map
let map = new Map()
map.set('name','xiao')
map.set('age',1)
map.forEach((value,key) => {
console.log(key,":",value) // name : xiao age : 1
});
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
}
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ù)組常用方法與屬性
