js對陣列的操作

2021-08-19 06:47:59 字數 1162 閱讀 6819

一、新增

1影響原陣列

arr.push()//返回新增之後的新陣列,原陣列arr被改變

arr.ushift()//返回新增之後的新陣列,原陣列arr被改變

2不影響原陣列

arr.concat("f")<---->arr.concat(['a','b','c'])//返回新陣列,原陣列arr不被改變

[...arr,'f']//(展開操作符)返回新陣列,原陣列arr不被改變

二、移除

1影響原陣列

arr.pop()//返回被刪除的元素,原陣列arr被改變

arr.shift()//返回被刪除的元素,原陣列arr被改變

arr.splice(startindex,sum)//返回被刪除的元素,原陣列arr被改變

2不影響原陣列

//當函式體只有一行的時候,『return』關鍵字是預設自帶的,不需要手動輸入

//當函式體為多行時,需要手動輸入手動輸入

es6語法,篩選

arr.filter(a=>a!=='e')<----->arr.filter(a=>)//不影響原陣列arr

arr.slice(startindex,endindex)//不影響原陣列arr

三、替換

1影響原陣列

arr.splice(替換開始標,被替換個數,替換的值可多個);

arr.splice(2,1,'a','v')//原陣列arr被改變

2不影響原陣列

arr.map(n=>n+'h');//原陣列arr不被影響

例:

const

origarr= [

'a',

'b',

'c',

'd',

'e'];

const

transformedarr

= origarr

.map(n

=> n+ 

'hi!'

);//

['ahi!', 'bhi!', 'chi!', 'dhi!', 'ehi!']  

console

.log

(origarr

);//

['a', 'b', 'c', 'd', 'e']; // 原陣列毫髮無損

閱讀原文

js對陣列操作

計算陣列的長度 var arr 1,2,3,4,5,6 alert arr.length 彈出結果是6連線兩個或者跟多的陣列,並返回結果 var arr1 1,2,3 var arr2 arr1.concat 4,5 var arr3 arr1.concat 4,5 console.log arr2...

JS對陣列的操作

可使用slice 進行複製,因為slice 返回也是陣列。var array1 new array 1 2 3 var array2 array2 array1.slice 0 array1.length 0 alert array2 返回1 2 3 concat 返回的並不是呼叫函式的array,...

Js 對陣列的操作

在工作中可能用的不多,但一些特殊的場合還是會用到,所以在這裡,把js的陣列操作總結一下,分享給大家 array 物件 array 物件用於在單個的變數中儲存多個值。建立 array 物件的語法 new array new array size new array element0,element1,...