js對陣列操作

2021-08-16 20:39:45 字數 3318 閱讀 3343

計算陣列的長度:

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);//返回[1,2,3,4,5]

console.log(arr3);//返回[1,2,3,4,5]

也有複製陣列的功能:

var arr1 = [1,2,3];

var arr4 = arr1.concat();

console.log(arr4);//返回[1,2,3]

把陣列的所有元素放入乙個字串,元素通過指定的分隔符進行分隔:

var arr=["a","b","c","d"];

console.log(arr);//返回["a", "b", "c", "d"]

console.log(arr.join(";"));//返回a;b;c;d

刪除陣列末尾最後乙個元素,返回被刪除的元素,若陣列為空則返回undefined:

var arr=[1,2,3];

alert(arr.pop());//返回3

console.log(arr);//返回[1,2]

var arr2=;

alert(arr2.pop());//返回undefined

console.log(arr2);//返回

在陣列的尾部新增乙個或者多個元素,並返回陣列的新長度。注意(改變的是原陣列的值,返回的是新陣列的長度):

var arr = [1,3];

console.log(arr.push(5,7));//返回4是陣列長度

console.log(arr);//返回[1, 3, 5, 7]

對陣列中的資料進行反轉,返回反轉後的陣列:

var arr = [1,3,2];

console.log(arr.reverse());//返回[2,3,1]

刪除陣列頭部的第乙個元素,並返回被刪除的元素,若陣列為空則返回undefined:
var arr = [1,2,3];

console.log(arr.shift());//返回頭部被刪除的1

var arr1 = ;

console.log(arr1.shift());//返回undefined

在陣列頭部新增若干元素,返回新增元素後陣列的長度:

var arr = [1,2,3];

alert(arr.unshift("a","b"));//返回5是陣列長度

返回指定陣列的一部分或者子陣列。不會改變原陣列:

var arr = [1,2,3,4,5,6,7,8];

console.log(arr.slice(0,3)); //返回[1,2,3] 第乙個引數是擷取開始的位置(包括),第二個引數是擷取結束的位置(不包括)

console.log(arr.slice(3)); //返回[4,5,6,7,8]

console.log(arr.slice(1,-1)); //返回[2,3,4,5,6,7] 負數表示倒數

console.log(arr); //返回[1,2,3,4,5]

返回排序後的陣列。如果陣列包含undefined,會被排到陣列的尾部。如果不帶引數的呼叫sort(),陣列元素以字母表順序排序:

var arr = [11111,333,22,444];                       

console.log(arr.sort()); //返回的結果是[11111,22,333, 444]

var arr = [11111,333,22,444];           

arr.sort(function (a,b) )            

console.log(arr); //返回[22,333,444,11111]

//從小到大排列,從大到小就b-a

從指定位置刪除若干元素,然後再從該位置新增若干元素,結果返回被刪除的元素,第乙個引數表示起始刪除的位置,第二個引數表示要刪除元素的個數,之後的元素表示要新增的元素:

var arr = ["a","b","c"];

alert(arr.splice(1,2,"d","e"));//從位置1開始刪除2個元素,在1位置新增"d","e"兩個元素,返回"b","c"

alert(arr);//arr陣列變為a,d,e

alert(arr.splice(0,3));//從位置0開始,刪除3個元素,返回"a","d","e"

alert(arr);//arr陣列為空

從頭至尾遍歷陣列,為每個元素呼叫指定的函式:

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

var sum = 0;

arr.foreach(function (value) )

console.log(sum); //sum = 15

和foreach()類似,呼叫陣列的每個元素傳遞給指定函式,並返回乙個陣列,所以它和foreach()的區別在於,有乙個返回值。不修改原陣列,返回的陣列長度和原陣列相同:

var arr1 = [1,2,3,4,5];            

var arr2 = arr1.map(function (value) )

console.log(arr2); //返回[2,3,4,5,6]

從陣列的第一項開始,逐個遍歷到最後,函式接受兩個引數,乙個是在陣列上呼叫的函式和歸併的初始值(可選),而呼叫陣列的函式接受四個引數:前乙個值、當前值、當前值索引、當前陣列,第一次呼叫時,前乙個值是陣列第一項,當前值是陣列第二項:

var arr = [1,2,3,-1];

var result = arr.reduce(function(prev,cur,index,array))

alert(result);//返回5

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,...

Js 對陣列的操作

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