向js陣列新增元素的一些方法

2021-10-03 02:01:24 字數 2662 閱讀 6981

js中對陣列的操作方法有很多,下面是我總結的一些向陣列新增元素的一些方法。

var arr =[1

,2,3

,4,5

,6];

//目標陣列

console.

log(arr)

;//原陣列:array(6)[1,2,3,4,5,6]

var res = arr.

push(33

,22,17

);//push()中為要新增的資料

console.

log(res)

;//push()方法的返回值:陣列被增加之後的長度:原來為6,新增3個資料,所以結果為9

console.

log(arr)

;//從目標陣列的尾部開始新增資料,所以結果是:array(9)[1,2,3,4,5,6,33,22,17]

var arr =[1

,2,3

,4,5

,6];

//目標陣列

console.

log(arr)

;//原陣列:array(6)[1,2,3,4,5,6]

var res = arr.

unshift(33

,22,17

);//unshift()中為要新增的資料

console.

log(res)

;//unshift()方法的返回值:陣列被新增資料之後的長度:原來為6,新增3個資料,所以結果為9

console.

log(arr)

;//從目標陣列的頭部開始新增資料,所以結果是:array(9)[33,22,17,1,2,3,45,56,6]

var arr =[1

,2,3

,4,5

,6];

//目標陣列

console.

log(arr)

;//原陣列:array(6)[1,2,3,4,5,6]

var res = arr.

concat(33

,22,17

);//concat()中為要新增的資料

console.

log(res)

;//concat()方法的返回值:新增資料之後的陣列:array(9)[1,2,3,4,5,6,33,22,17]

console.

log(arr)

;//因為不會改變原函式:所以結果不變,為:array(6)[1,2,3,4,5,6]

//當index為0時

var arr =[1

,2,3

,4,5

,6];

//目標陣列

console.

log(arr)

;//原陣列:array(6)[1,2,3,4,5,6]

var res = arr.

splice(0

,0,33

,22,17

); console.

log(res)

;//splice()方法的返回值:被刪除的資料所組成的新陣列:因為第二個引數為0,沒有刪除,所以結果是array(0)

console.

log(arr)

;//因為第乙個引數為0,所以從最開始新增資料,結果為array(9)[33,22,17,1,2,3,4,5,6]

當index比陣列長度小的時候

var arr =[1

,2,3

,4,5

,6];

//目標陣列

console.

log(arr)

;//原陣列:array(6)[1,2,3,4,5,6]

var res1 = arr.

splice(5

,0,33

,22,17

);console.

log(res1)

;//splice()方法的返回值:被刪除的資料所組成的新陣列:因為第二個引數為0,沒有刪除,所以結果是array(0)

console.

log(arr)

;//因為第乙個引數為5,所以從索引值為5所對應的位置之前新增資料,結果為array(9)[1,2,3,4,5,33,22,17,6]

當index比陣列長度大的時候

var arr =[1

,2,3

,4,5

,6];

//目標陣列

console.

log(arr)

;//原陣列:array(6)[1,2,3,4,5,6]

var res1 = arr.

splice(7

,0,33

,22,17

);console.

log(res1)

;//splice()方法的返回值:被刪除的資料所組成的新陣列:因為第二個引數為0,沒有刪除,所以結果是array(0)

console.

log(arr)

;//因為第乙個引數為7比陣列長度大,所以直接從陣列的最後一位之後新增資料,結果為array(9)[1,2,3,4,5,6,33,22,17]

以上就是我總結的一些方法。請多多指點。

js向陣列裡新增元素

js中對於陣列的操作很常見,下面記錄一下js向陣列新增元素的方法。let myarray 11,22,33 console.log 原陣列 myarray myarray.push 44,55 console.log 用push在陣列後面插入元素 myarray myarray.unshift 66...

php陣列新增元素的方法

php陣列新增乙個元素的方式 push arr,php arr array array push arr,el1,el2 eln 但其實有一種更直接方便的做法 php arr array arr el1 arr el2 arr eln 而且有實驗證明,第二種方法的效率比第一種方法高出將近一倍!我們來...

php陣列新增元素的方法

php陣列新增乙個元素的方式 push arr,php arr array array push arr el1,el2 eln 但其實有一種更直接方便的做法 php arr array arr el1 arr el2 arr eln 而且有實驗證明,第二種方法的效率比第一種方法高出將近一倍!我們來...