es6 11 map set 與陣列和物件的比較

2022-08-02 02:39:14 字數 2223 閱讀 4527

)

console.log('map', map) //

map(1) 

console.log('array', array) //

[t: 1]//查

let map_exist = map.has('t'); //

檢測 map 是否有 t

let array_exist = array.find(item => item.t) //

檢測陣列是否有 t

console.log(map_exist) //

true

console.log(array_exist) //

注意這裡是返回查詢到的資料, 而不是布林值//改

map.set('t', 2) //

map 直接用 set 更改

array.foreach(item => item.t ? item.t = 2 : '')

console.log('map', map) //

map(1) 

console.log('array', array) //

[t: 2]//刪

map.delete('t')

let index = array.findindex(item => item.t) //

先找到刪除單元的索引

array.splice(index, 1) //

在用 splice 刪除指定元素

console.log('map', map) //

map(0) {}

console.log('array', array) //

}

) //

注意這裡是物件, 不是 key value

array.push()

console.log(set)

console.log(array)

//查let set_exist = set.has() //

沒有被儲存過所以這裡查的是 false

let array_exist = array.find(item =>item.t)

console.log(set_exist)

console.log(array_exist)

//改set.foreach(item => item.t ? item.t = 2 : '')

array.foreach(item => item.t ? item.t = 2 : '')

console.log(set)

console.log(array)

//刪set.foreach(item => item.t ? set.delete(item) : '')

let index = array.findindex(item =>item.t)

array.splice(index, 1)

console.log(set)

console.log(array)

}

let map = new

map()

let set = new

set()

let obj ={}

//增map.set('t', 1) //

map 注意鍵值對形式

set.add(item) //

set 注意是物件

obj.t = 1console.log(map)

console.log(set)

console.log(obj)

//查console.info(

}) //改

map.set('t', 2)

item.t = 2 //

注意 set 是引用它的, 所以改它就改變了 set

obj.t = 2console.log(map)

console.log(set)

console.log(obj)

//刪map.delete('t')

set.

delete

(item)

delete

obj.t

console.log(map)

console.log(set)

console.log(obj)

}

總結建議: 在資料開發過程中設計的資料結構, 能使用 map, 不使用 array 和 object, 其次如果對資料結構要求儲存的唯一性則考慮使用 set

es6 map set與物件對比

let map new map let set new set let obj 增 map.set t 1 set.add item obj t 1 console.log map set object增 map,set,obj console.info 改 map.set t 2 item.t 2...

ES6 (陣列與物件)

之前的es6 教程中有說過一句 實現陣列去重的方法 const arr 1,0,2,0,5,4,4,5,0,1 let newarr new set 1,0,2,0,5,4,4,5,0,1 console.log newarr 1,0,2,5,4 感覺這種方法更為簡潔。說到這裡,此處也碰到乙個奇怪的...

ES6 陣列和物件

先列乙個要學習內容的大綱,慢慢補齊。es5 中新增的方法 forwhile arr.foreach 迴圈遍歷陣列中的每一位 arr.map 迴圈遍歷陣列中的每一位,並返回乙個新陣列 arr.filter 迴圈遍歷陣列中的每一位,並過濾一些不合要求的元素。arr.some 查詢陣列中符合條件的元素,返...