超詳細的js陣列操作方法

2021-08-25 05:51:20 字數 2317 閱讀 8262

1.建立陣列

var members=['lily','lucy']
2.通過索引訪問陣列元素

var person=members[0]   //lily
3.遍歷陣列(foreach)

members.foreach(function


(item, index, array)


);
4.增加元素：返回乙個新陣列；

新增到陣列末尾 (push)， 新增到陣列的最前邊（unshift）

var newmembers = members.push('tom');


//newmembers: ["lily", "lucy", "tom"]


var newmembers = members.unshift('tom');


//newmembers: [ "tom","lily", "lucy"]
5.刪除元素：改變原陣列

刪除陣列末尾的元素（pop），刪除陣列頭部元素(shift)

var last = members.pop();


var first = members.shift();
6.找出某個元素在陣列中的索引(indexof)

var


index = members.indexof('lily');//0
7.通過索引刪除某個元素splice(index,length)，原來的陣列會發生改變

var deleteitem=members.splice(0,1)//索引為0，刪除的長度為1


//deleteitem=['lucy']
8.複製乙個陣列（slice）

var copyitem=members.slice()


copyitem=['lily','lucy']
9.array.length

//設定的length比原有陣列小，會刪除一些元素


members.length=1//members=['lily']


//設定的length比原有陣列大


members.length=3


console.log(members.length); //


3//使用下標為陣列元素賦值，並且該下標超出了當前陣列的大小，length 的值會增大


members[5] = 'mango';


console.log(members[5]); //


'mango'


console.log(object.keys(members)); // ['0', '1', '5']


console.log(fruits.length); //


6
10.判斷所有元素是否都符合條件（every）

var arr=[1,2,3]


var result=arr.every(function(item,index)


})console.log(result)//true
11.判斷至少有乙個元素符合條件（some）

var arr=[1,2,3]


var result=arr.some(function(item,index)


})console.log(result)//true
12.排序（sort），反向排序（reverse）

var arr=[1,5,3,2]


var arr2=arr.sort(function(a,b))


console.log(arr)//[1,2,3,5] 原陣列也發生改變


console.log(arr2)//[1,2,3,5]
13.對元素重新組裝，生成新陣列（map）

var arr=[1,2,3]


var result=arr.map(function


(item,index))


console.log(arr2) //["1",["2",["3"]
14.過濾符合條件的元素（filter）

var arr=[1,2,3,4]


var arr2=arr.filter(function


(item,index)


})console.log(arr2) //[3,4]

JS陣列的操作方法

var colors red blue green colors.length 計算陣列長度 array.isarray colors 檢測是否為陣列 colors.join 指定引號內的字串為分隔符 colors.push red green 推入陣列的最後 colors.pop 取得陣列的最後項...

js陣列的操作方法

向陣列的末尾新增元素返回值為當前操作的陣列的操作以後的長度 1 var arr 2,3,4,5,6,6 2 arr.push 8,9 push 新增到陣列末尾 3 console.log arr 2,3,4,5,6,6,8,9 刪除陣列的最後一項,並返回刪除元素的值 如果陣列為空則返回undefin...

js常用陣列操作方法

concat 方法用於連線兩個或多個陣列。該方法不會改變現有的陣列，僅會返回被連線陣列的乙個副本。var arr1 1,2,3 var arr2 4,5 var arr3 arr1.concat arr2 console.log arr1 1,2,3 console.log arr3 1,2,3,4...