JS數(shù)組添加或刪除元素的三種方式示例詳解
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)文章
js 客戶端打印html 并且去掉頁(yè)眉、頁(yè)腳的實(shí)例
下面小編就為大家?guī)?lái)一篇js 客戶端打印html 并且去掉頁(yè)眉、頁(yè)腳的實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-11-11js文件中調(diào)用js的實(shí)現(xiàn)方法小結(jié)
JavaScript文件引用JavaScript文件的方法,需要的朋友可以參考下。2009-10-10js實(shí)現(xiàn)各種復(fù)制到剪貼板的方法(分享)
下面小編就為大家?guī)?lái)一篇js實(shí)現(xiàn)各種復(fù)制到剪貼板的方法(分享)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10精彩的Bootstrap案例分享 重點(diǎn)在注釋!(選項(xiàng)卡、柵格布局)
這篇文章主要為大家分享了一個(gè)精彩的Bootstrap案例,涉及到了選項(xiàng)卡、柵格布局,關(guān)鍵重點(diǎn)在注釋,感興趣的小伙伴們可以參考一下2016-07-07JavaScript實(shí)現(xiàn)iframe自動(dòng)高度調(diào)整和不同主域名跨域
這篇文章主要介紹了JavaScript實(shí)現(xiàn)iframe自動(dòng)高度調(diào)整和不同主域名跨域,作者通過(guò)建立一個(gè)代理來(lái)同步高度調(diào)整,需要的朋友可以參考下2016-02-02JavaScrip實(shí)現(xiàn)圖片壓縮與分辨率等比例縮放
這篇文章主要為大家詳細(xì)介紹了如何使用JavaScrip實(shí)現(xiàn)圖片壓縮與分辨率等比例縮放,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-03-03