JavaScript給數(shù)組添加元素的6個方法
1. 使用 length 屬性追加元素
使用length屬性,可以在數(shù)組末尾后面添加一個元素
var arr = [1, 2, 3, 4, 5]; arr[length] = 6; console.log(arr); // [1, 2, 3, 4, 5, 6];
2. 使用 push 方法追加元素
push()方法將一個或多個元素添加到數(shù)組的末尾,并返回該數(shù)組的新長度
var arr = [1, 2, 3, 4, 5]; arr.push(6); console.log(arr); // [1, 2, 3, 4, 5, 6];
3. 使用 unshift 方法在數(shù)組的第一項前插入一個元素
unshift()方法將一個或多個元素添加到數(shù)組的開頭,并返回該數(shù)組的新長度
var arr = [1, 2, 3, 4, 5]; arr.unshift (6); console.log(arr); // [6, 1, 2, 3, 4, 5];
4. 使用 splice 方法插入一個元素
splice()方法通過刪除或替換現(xiàn)有元素或者原地添加新的元素來修改數(shù)組,并以數(shù)組形式返回被修改的內(nèi)容
var arr = [1, 2, 3, 4, 5]; arr.splice(5, 0, 6); console.log(arr); // [1, 2, 3, 4, 5, 6];
5. 使用 concat 方法合并元素
concat()方法用于將一個數(shù)組或值合并至一個數(shù)組中,該方法不會改變原數(shù)組
var arr = [1, 2, 3, 4, 5]; var newArr = arr.concat(6); console.log(newArr); // [1, 2, 3, 4, 5, 6];
6. 使用 … 擴展運算符合并元素
展開語法...: 可以在數(shù)組構(gòu)造時, 將數(shù)組表達式在語法層面展開
var arr = [1, 2, 3, 4, 5]; arr = [...arr, 6]; console.log(arr); // [1, 2, 3, 4, 5, 6];
到此這篇關(guān)于JavaScript給數(shù)組添加元素的6個方法的文章就介紹到這了,更多相關(guān)JavaScript 數(shù)組添加元素內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
詳解JavaScript中Canvas的高級繪圖和動畫技術(shù)
JavaScript中的Canvas 是一個強大的 HTML5 元素,允許你通過編程方式創(chuàng)建圖形、繪制圖像和實現(xiàn)復(fù)雜的動畫效果,在本文中,我們將深入探討 JavaScript Canvas 的高級繪圖和動畫技術(shù),并提供一個復(fù)雜的案例,以展示其潛力,需要的朋友可以參考下2023-10-10JavaScript實現(xiàn)網(wǎng)站訪問次數(shù)統(tǒng)計代碼
每個網(wǎng)站管理者,都必須知道每天有多少人訪問了本站,需要一個網(wǎng)站訪問次數(shù)功能來滿足需求,本篇文章主要介紹了JavsScript實現(xiàn)網(wǎng)站訪問次數(shù)統(tǒng)計代碼,需要的朋友可以參考下2015-08-08解決微信瀏覽器Javascript無法使用window.location.reload()刷新頁面
這篇文章主要介紹在微信瀏覽器Javascript無法使用window.location.reload()刷新頁面的解決方法,比較實用,需要的朋友可以參考下。2016-06-06javascript實現(xiàn)禁止右鍵和F12查看源代碼
這篇文章主要介紹了javascript實現(xiàn)禁止右鍵和F12查看源代碼的代碼,需要的朋友可以參考下2014-12-12IE下通過a實現(xiàn)location.href 獲取referer的值
IE下采用window.location.href方式跳轉(zhuǎn)的話,referer值為空在標簽a里面的跳轉(zhuǎn)的話referer就不會空,下面是具體的實現(xiàn)代碼2014-09-09小發(fā)現(xiàn)之淺談location.search與location.hash的問題
下面小編就為大家?guī)硪黄“l(fā)現(xiàn)之淺談location.search與location.hash的問題。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-06-06JavaScript自定義插件實現(xiàn)tabs切換功能
這篇文章主要為大家詳細介紹了JavaScript自定義插件實現(xiàn)tabs切換功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-04-04編寫跨瀏覽器的javascript代碼必備[js多瀏覽器兼容寫法]
下面比較了幾種瀏覽器之間的差異,在寫javascript代碼時 要時刻注意這些差異2008-10-10