js陣列的常用api

2021-10-23 10:14:15 字數 4821 閱讀 1786

將陣列的元素組起乙個字串,以separator為分隔符,省略的話則用預設用逗號為分隔符

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

console.log(arr.join()); // a, b, c

console.log(arr.join("-")); // a-b-c

將陣列中的某項用逗號隔開組成字串

this.editform.config4 = this.editform.coupbatchlist.map(function(obj,index)).join(",")
push():可以接收任意數量的引數,把它們逐個新增到陣列末尾,並返回修改後陣列的長度。

pop():陣列末尾移除最後一項,減少陣列的 length 值,然後返回移除的項。

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

var count = arr.push("d", "e");

console.log(count); // 5

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

var item = arr.pop();

console.log(item); // e

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

shift():刪除原陣列第一項,並返回刪除元素的值;如果陣列為空則返回undefined 。

unshift():將引數新增到原陣列開頭,並返回陣列的長度

var arr = ["c", "d", "e"];

var count = arr.unshift("a", "b");

console.log(count); // 5

console.log(arr); //

["a", "b", "c", "d", "e"]

var item = arr.shift();

console.log(item); // a

console.log(arr); // ["b", "c", "d", "e"]

按公升序排列陣列項——即最小的值位於最前面,最大的值排在最後面。 在排序時,sort()方法會呼叫每個陣列項的 tostring()轉型方法,然後比較得到的字串,以確定如何排序。即使陣列中的每一項都是數值, sort()方法比較的也是字串。

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

console.log(arr1.sort()); // ["a", "b", "c", "d"]

console.log(arr1); // ["a", "b", "c", "d"]

var arr2 = [15, 22, 46, 3];

console.log(arr2.sort()); // [15, 22, 3, 46]

console.log(arr2); // [15, 22, 3, 46]

反轉陣列項的順序

var arr = [15, 22, 46, 3]; 

console.log(arr.reverse()); // [3, 46, 22, 15]

console.log(arr); // [3, 46, 22, 15]

將引數新增到原陣列中

var arr = [1, 3, 5, 7];

var arr1 = arr.concat(9, [11, 13]);

console.log(arr1); // [1, 3, 5, 7, 9, 11, 13]

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

返回從原陣列中指定開始下標到結束下標之間的項組成的新陣列。可以接受一或兩個引數,即要返回項的起始和結束位置。在只有乙個引數的情況下,slice()方法返回從該引數指定位置開始到當前陣列末尾的所有項。如果有兩個引數,該方法返回起始和結束位置之間的項——但不包括結束位置的項。

var arr = [1, 3, 5, 7, 9, 11];

var arr1 = arr.slice(1); console.log(arr1); // [3, 5, 7, 9, 11]

var arr2 = arr.slice(1, 4); console.log(arr2); // [3, 5, 7]

var arr3 = arr.slice(1, -2); console.log(arr3); // [3, 5, 7]

var arr4 = arr.slice(-4, -1); console.log(arr4); // [5, 7, 9]

可以實現刪除、插入和替換

var arr = [1, 3, 5, 7, 9, 11]; 

var arr1 = arr.splice(0, 2);

console.log(arr); //[5, 7, 9, 11]

console.log(arr1); //[1, 3]

對陣列進行遍歷迴圈,對陣列中的每一項執行給定函式。這個方法沒有返回值。引數都是function型別,預設有傳參,引數分別為:值,索引。

var arr = [1, 2, 3];

arr.foreach(function(item, index));

指「對映」,對陣列中的每一項執行給定函式,返回每次函式呼叫的結果組成的陣列

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

var arr2 = arr.map(function(item));

console.log(arr2); // [1, 4, 9, 16]

「過濾」功能,陣列中的每一項執行給定函式,返回滿足過濾條件組成的陣列

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

var arr2 = arr.filter(function(x, index) );

console.log(arr2); //[1, 4, 7, 8, 9, 10]

判斷陣列中每一項都是否滿足條件,只有所有項都滿足條件,才會返回true

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

var arr2 = arr.every(function(x) );

console.log(arr2); // true

var arr3 = arr.every(function(x) );

console.log(arr3); // false

判斷陣列中是否存在滿足條件的項,只要有一項滿足條件,就會返回true。

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

var arr2 = arr.some(function(x) );

console.log(arr2); // true

var arr3 = arr.some(function(x) );

console.log(arr3); // false

[1, 5, 10, 15].find(function(value, index, arr) ) // 10
[1, 5, 10, 15].findindex(function(value, index, arr) ) // 2
for-of迴圈是es6引入的一種新的迴圈方法,它既比傳統的for迴圈簡潔,同時彌補了foreach和for-in迴圈的短板

var arr = [,,

];for(const item of arr)

} console.log(arr)

// [

// ,

// ,

//

// ]

迴圈字串

let iterable = "boo";

for (let value of iterable)

// "b"

// "o"

// "o"

遍歷物件 通常用for in來遍歷物件的鍵名 ,for in 可以遍歷到myobject的原型方法method,如果不想遍歷原型方法和屬性的話,可以在迴圈內部判斷一下,hasownpropery方法可以判斷某屬性是否是該物件的例項屬性

object.prototype.method=function()

var myobject=

for (var key in myobject)

for (var key in myobject) 

}

for in遍歷陣列的毛病

1.index索引為字串型數字,不能直接進行幾何運算

2.遍歷順序有可能不是按照實際陣列的內部順序

3.使用for in會遍歷陣列所有的可列舉屬性,包括原型。例如上栗的原型方法method和name屬性

所以for in更適合遍歷物件,不要使用for in遍歷陣列。

for of無法迴圈遍歷物件

for in迴圈遍歷的是陣列的鍵值(索引),而for of迴圈遍歷的是陣列的值

for in 會遍歷自定義屬性,for of不會

arr.map((el) => );

js 陣列幾個常用API

1.陣列方法 map var arr 1,2,3,4,5,6 var b arr.map el el a arr.map el console.log b 6 1a 2a 3a 4a 5a 6a map 返回乙個陣列,其中每個元素都使用指定函式進行過轉換。2.arr.filter 返回乙個陣列,只有...

js中陣列常用api彙總

在此對js中陣列常用的api進行彙總。1.檢測陣列 判斷value是否為陣列型別 array.isarray value 2.轉換方法 將陣列colors轉化成以逗號分隔的字串 alert colors.tostring 3.棧 佇列方法 分別實現先進先出 後進先出的效果。var a 1 2,3 4...

js陣列 字串常用api

2.位置方法 var arr 1,2,3,2,3,1 3.遍歷方法 var arr 1,2,3,2,3,1 字串str.slice 擷取字串,不會修改原字串,返回新字串 str.split 分割字串,不會修改原字串,返回分割後的陣列 var str name zhang age 20 要求取出20 ...