js中陣列的操作

2021-10-01 01:38:22 字數 3686 閱讀 3998

計算陣列的長度

var arr = ["aaa","bbb"];

alert(arr.length);

通過索引獲取對應值,同時也可以改變索引對應的值

var arr = ["aaa","bbb"];

alert(arr[0]);//

彈出aaa

arr[0] = "111";

alert(arr[0]);//

彈出111

返回指定元素的位置,若元素不存在返回-1

var arr = ["aaa","bbb",111];

alert(arr.indexof("aaa");//

彈出0alert(arr.indexof("111");//

彈出-1,"111"與111是不同的元素

接受乙個或兩個引數,引數對應的是要返回項的起始位置和結束位置,若只有乙個引數,該方法返回從引數指定位置到陣列結尾的所有項,如果有兩個引數則返回起始位置到結束位置之間的項但不包括結束位置項,返回的結果是乙個新的陣列,原陣列不變

var arr = ['a', 'b', 'c', 'd', 'e', 'f', 'g'];

alert(arr.slice(0, 3)); //

從索引0開始,到索引3結束,但不包括索引3: ['a', 'b', 'c']

alert(arr.slice(3)); //

從索引3開始到結束: ['d', 'e', 'f', 'g']

向陣列末尾新增若干元素,返回新增元素後陣列的長度

var arr = [1,2];

alert(arr.push('a','b'));//

返回陣列的長度2

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

var arr = [1,2,3];

alert(arr.pop());

//返回被刪除的元素3

var arr1 =;

alert(arr1.pop());

//返回undefined

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

var arr = [1,2,3];

alert(arr.unshift("a","b"));//

返回陣列的長度5

刪除陣列頭部的第乙個元素,並返回被刪除的元素,若陣列為空則返回undefined

var arr = [1,2,3];

alert(arr.shift());

//返回頭部被刪除的項1

對陣列進行排序,返回排序以後的陣列,預設把所有元素轉化為字元之後再進行排序,排序以後會改變原陣列

var arr = ["3","2",11];

alert(arr.sort());

//返回11,2,3

可以通過乙個自定義的比較函式來進行排序,比較函式接收兩個引數,如果第乙個引數應該位於第二個引數之前應該返回負數,如果第乙個引數應該位於第二個引數之後應該返回正數,若相等返回0,排序之後會改變原陣列

function

compare(val1,val2)

var arr = [3,2,9,4];

alert(arr.sort(compare));

//返回2,3,4,9

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

var arr = ["333","222"];

alert(arr.reverse());

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

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陣列為空

把當前陣列與另乙個陣列連線起來,並返回新的元素,原來的陣列不被改變,concat可以接收任意個元素和陣列,並把陣列拆開放入新的陣列中

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

alert(arr.concat([1,2,3]));//

陣列arr不變,返回["a","b","c",1,2,3]

alert(arr.concat([1,2,[3,4]]));//

返回["a","b","c",1,2,3,4]

將陣列中的每乙個元素用指定的字串連線起來,返回字串

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

alert(arr.join(","));//

返回字串'a,b,c'

對陣列中的每一項執行函式,返回函式執行結果組成的陣列,函式的引數是乙個函式,而該函式接收三個引數:陣列當前值,陣列索引、陣列

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

alert(arr.map(

function

(x)

));//

返回1,4,9,1

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

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

var result = arr.reduce(function

(prev,cur,index,array))

alert(result);

//返回5

對陣列中的每一項執行函式,返回該函式返回true的元素組成的陣列

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

var newarr = arr.filter(function

(x)else

})alert(newarr)

//返回1,2

該方法返回由陣列中每個值的字串以逗號分隔而拼接的字串,陣列的每一項呼叫的是tostring

var arr = [1,2];

alert(arr.tostring());

//返回1,2

呼叫該方法返回的依舊是陣列

var arr = [1,2];

alert(arr.valueof());

//alert返回的都是字串,故返回1,2,而arr.valueof()是陣列

alert(arr.valueof() instanceof array);//

返回true

該方法返回乙個陣列值以逗號分隔的字串,與tostring不同的是陣列的每一項呼叫的是tolocalestring

var arr = [1,2];

alert(arr.tolocalestring());

//返回1,2

JS中的陣列操作

js中的陣列的包裝物件是array.array.prototype.join separator 將轉為陣列字串,原陣列不被修改 var arr 1,2,3 arr.join 1,2,3 arr.join 1 2 3 返回字串,這個字串將陣列的每乙個元素值連線在一起,中間用 separator 隔開...

js中陣列的基本操作

1.陣列的基本操作 前言 ecmascript陣列是很常用的一種資料型別,在其他的語言中,陣列也是很常用很重要的一種資料型別.但ecmascript陣列有些地方還是有自己的特點的,如下 1 陣列的每一項可以儲存任何資料型別的資料,也就是陣列中的資料可以有多種資料型別.2 陣列的大小是可以動態調整的,...

Js中陣列的常用操作

1.push 例 var arr 1,2,3,4 var a arr.push 9,8,7 輸出 console.log a,arr 1,2,3,4,9,8,7 push屬性 可以將乙個或者更多的引數新增在陣列的尾部 返回新增後的陣列的長度,原陣列發生改變。2.unshift 例 var arr 1...