欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS數(shù)組添加或刪除元素的三種方式示例詳解

 更新時(shí)間:2025年08月21日 15:02:01   作者:ernesto_ji  
本文介紹了JavaScript中三種常見(jiàn)的數(shù)組操作方法,push()、unshift()和splice(),通過(guò)具體實(shí)例展示了如何利用這些方法在數(shù)組的不同位置添加元素,以及如何使用splice()進(jìn)行元素的刪除,感興趣的朋友跟隨小編一起看看吧

JS數(shù)組添加元素的三種方式

1、push() 結(jié)尾添加
  數(shù)組.push(元素)
  數(shù)組.push(newelement1,[newelement2],[newelementX])
  說(shuō)明:newelement1	必需。要添加到數(shù)組的第一個(gè)元素。newelement2	可選。要添加到數(shù)組的第二個(gè)元素。		   newelementX	可選。可添加多個(gè)元素。
  var testArray = [0];
  testArray.push(1,2,3)
  console.log(testArray);//0,1,2,3
2、unshift() 頭部添加
  數(shù)組.unshift(元素)
  數(shù)組.unshift(newelement1,[newelement2],[newelementX])
  說(shuō)明:newelement1	必需。向數(shù)組添加的第一個(gè)元素。newelement2	可選。向數(shù)組添加的第二個(gè)元素。newelementX	可選。可添加若干個(gè)元素。
  var testArray = [1,2,3];
  testArray.unshift(9)
  console.log(testArray);//9,1,2,3
3、splice() 方法向/從數(shù)組指定位置添加/刪除項(xiàng)目,然后返回被刪除的項(xiàng)目。
數(shù)組.splice(index,howmany,[item1, ..., itemX])
說(shuō)明:index	必需。整數(shù),規(guī)定添加/刪除項(xiàng)目的位置,使用負(fù)數(shù)可從數(shù)組結(jié)尾處規(guī)定位置。howmany	必需。要?jiǎng)h除的項(xiàng)目數(shù)量。如果設(shè)置為 0,則不會(huì)刪除項(xiàng)目。item1, ..., itemX	可選。向數(shù)組添加的新項(xiàng)目。
 var testArray = [1,2,3];
 //給數(shù)據(jù)倒數(shù)第二個(gè)位置增加元素
  testArray.splice(testArray.length-1,0,4)
  console.log(testArray);//1,2,4,3
  //刪除數(shù)據(jù)元素
  var testArray = [1,2,3];
  //從第一個(gè)位置開(kāi)始,刪除元素,刪除一個(gè)
  testArray.splice(0,1)
  console.log(testArray);//2,3

擴(kuò)展:JavaScript:數(shù)組刪除指定元素

JavaScript:數(shù)組刪除指定元素

1.shift()方法

用于刪除數(shù)組中的第一個(gè)元素。

注:此方法會(huì)改變數(shù)組的長(zhǎng)度

let arr = [1,2,3]
arr.shift() // 刪除1
// arr為[2,3]

2.pop()方法

用于刪除數(shù)組中最后一個(gè)元素

注:此方法會(huì)改變數(shù)組的長(zhǎng)度

let arr = [1,2,3]
arr.pop(); //刪除3
// arr為[1,2]

3.splice()方法

用于添加刪除數(shù)組中的指定元素

注:此方法會(huì)改變數(shù)組長(zhǎng)度

let arr = [1,2,3]
arr.splice(0,1)
// arr為[2,3]
//刪除數(shù)組中某個(gè)指定元素
let value = 'b', arr=['a','b','c','d']
arr.splice(arr.indexOf(value), 1) //刪除'b'
// arr為['a','c','d']

4.slice()方法

從已有數(shù)組中返回選定的元素

注:此方法不會(huì)改變?cè)紨?shù)組

let arr = [1,2,3]
let newArr = arr.slice(1)
// arr為[1,2,3]
// newArr為[2,3]

5.for循環(huán)刪除

比較麻煩,不推薦

let index = 3,
    arr = [1,2,3,4],
    newArr = [];
for(let i = 0;i < arr.length; i++) {
      if(i !== index) {
          newArr.push(arr[i])                
    }      
}    
// arr為[1,2,3,4]
// newArr為[1,2,3]

6.delete關(guān)鍵字刪除

用于刪除(數(shù)組)元素

注:delete關(guān)鍵字刪除元素后數(shù)組長(zhǎng)度不變,只是刪除元素被置為empty了

let arr = [1,2,3,4]
delete arr[2]
// arr為[1,2,empty,4]

7.filter刪除

用于刪除指定元素

let arr = ['a','b','c','d'], value='b'
arr = arr.filter(item => item != value)
// arr為['a','c','d']

8.set刪除

用于刪除指定元素

let arr = ['a','b','c','d'],value='b'
let newSet = new Set(arr)
newSet.delete(value)
let newArr = [...newSet]
// newArr為['a','c','d']

到此這篇關(guān)于JS數(shù)組添加或刪除元素的三種方式的文章就介紹到這了,更多相關(guān)js數(shù)組添加或刪除元素內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

最新評(píng)論