JS 陣列, 物件的增查改刪 多語法對比

2021-09-23 14:36:04 字數 2499 閱讀 2864

建議: 在用資料結構的時候, 優先考慮map和set(考慮資料的唯一性), 放棄傳統的陣列和object, 特別是比較複雜的資料結構時

map與array的對比

let map =

newmap()

let array =

map.set('t', 1)

array.push()

console.info('map-array', map, array);

// map-array map(1)

let map_exist = map.has('t')

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

console.info('map-array', map_exist, array_exist)

// map-array true

map.set('t', 2)

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

console.info('map-array-modify', map, array);

// map-array-modify map(1)

map.delete('t')

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

array.splice(index, 1)

console.info('map-array-empty', map, array)

// map-array-empty map(0) {}

}

set與array的對比
let

set=

newset()

let array =

set.add()

array.push()

console.info('set-array', set, array);

// set-array set(1) ]}

let set_exsit = set.has()

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

console.info('set-array', set_exsit, array_exist);

// set-array false

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

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

console.log('set-array-modify', set, array);

// set-array-modify set(1) ]}

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

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

array.splice(index, 1)

console.log('set-array-empty', set, array);

// set-array-empty set(0)

}

map, set, object的對比
let item =

let map =

newmap()

letset

=new

set(

)let obj =

map.set('t', 1)

set.add(item)

obj['t'] = 1

console.info('map-set-obh', obj, map, set)

// map-set-obh map(1) set(1) }

console.info()

//

map.set('t', 2)

item.t = 2

obj['t'] = 2

console.info('map-set-obj-modify', map, set, obj)

// map-set-obj-modify map(1) set(1) }

map.delete('t')

set.delete(item)

delete obj['t']

console.info('map-set-obj-empty', map, set, obj)

// map-set-obj-empty map(0) {} set(0) {} {}

JS 陣列, 物件的增查改刪 多語法對比

建議 在用資料結構的時候,優先考慮map和set 考慮資料的唯一性 放棄傳統的陣列和object,特別是比較複雜的資料結構時 map與array的對比let map newmap let array map.set t 1 array.push console.info map array map,...

js的增改刪

insertbefore插入元素 語法 父元素.insertbefore 引數1,引數2 引數1 需要插入新的元素 引數2 插入到哪個元素的前面 1.建立新的元素 2.原本存在的元素 3.需要插入的元素 獲取元素 var ul document.getelementbyid ul var li2 d...

Visual Studio 的增 改 刪 查 總結

visual studio 的增 改 刪 查 總結 簡介 介紹visual studio中的mvc的增 改 刪 查 功能 增 增,顧名思義就是增添資料,通過mvc的來達到給頁面增添資料的效果 想要增添資料就得先查詢需要的資料,然後通過迴圈來進行判斷,進行資料的增添 最後通過資料的返回儲存的資料庫來達...