JS陣列方法歸納

2021-10-10 10:14:12 字數 3947 閱讀 9123

join方法 (將陣列轉換成字串)

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

//括號中的值為轉換成字串之後各項之間的值

var str = arr.join(""); //abc

var str = arr.join(",") //a,b,c

push方法 (在陣列後面增加一項)

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

var newleng = arr.push("d");

console.log(arr); // ["a", "b", "c", "d"] 改變原陣列

console.log(newleng); // 4 新陣列的長度

pop方法 (刪除陣列最後一項)

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

var delarr = arr.pop();

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

console.log(delarr); // 返回刪除項 c

unshift方法(在陣列前面增加一項)

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

var newleng = arr.unshift("d");

console.log(arr); // ["d", "a", "b", "c"] 改變原陣列

console.log(newleng); // 4 新陣列的長度

shift方法 (刪除陣列最後一項)

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

var newleng = arr.shift("d");

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

console.log(newleng); //a 返回刪除項 c

sort方法 (將乙個陣列中的值進行排序)

var arr = [1, 9, 2, 7];

arr.sort(function (n1, n2) );

console.log(arr); // [1, 2, 7, 9]

reverse方法 (將陣列資料翻轉)

var arr = [1, 9, 2, 7];

arr.reverse();

console.log(arr); // [7, 2, 9, 1]

concat方法 (將兩個資料拼接在一起)

var arr1 = [1, 9, 2, 7];

var arr2 = [2, 3, 4];

var ret = arr1.concat(arr2);

console.log(ret); // [1, 9, 2, 7, 2, 3, 4]

slice方法(擷取陣列,原陣列不變,可以傳兩個引數)

var arr = [1, 9, 2, 7];

var ret = arr.slice(0, 2); //擷取從索引0開始到索引2之前的陣列

console.log(ret); // [1,9]

console.log(arr.slice(1)); // [9, 2, 7]

console.log(arr.slice(-2, -1)); // [2]

splice方法 (刪除.替換)

var arr = [1, 9, 2, 7];

//替換(傳三個引數,第乙個傳索引,第二個傳需要替換的數量,第三個 傳替換的值)

arr.splice(1, 1, 0);

console.log(arr); // [1, 0, 2, 7]

// 刪除(傳兩個引數,第乙個傳索引,第二個傳需要刪除的數量)

arr.splice(2, 1);

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

indexof 和 lastindexof

var arr = [1, 9, 2, 7];

var ret = arr.indexof(1); // 0 存在返回第乙個匹配的索引

var ret = arr.indexof(3); // -1 不存在返回-1

// indexof正向,lastindexof反向

foreach方法(對陣列進行遍歷)

var arr = [1, 9, 2, 7];

// 沒有返回值,對陣列進行遍歷操作

arr.foreach((item, index, arr) => );

map方法(對陣列進行對映,遍歷運算元據的每一項)

var arr = [1, 9, 2, 7];

// 沒有返回值,對陣列進行遍歷操作

arr = arr.map((item) => );

console.log(arr); // [2, 18, 4, 14]

filter方法(對資料進行篩選操作)

var arr = [1, 9, 2, 7];

// 沒有返回值,對陣列進行遍歷操作

arr = arr.filter((item) => );

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

every方法(對陣列的每項進行遍歷,如果每項都符合條件返回true)

var arr = [1, 9, 2, 7];

var result = arr.every((item) => );

console.log(result); // false

some方法(和every方法類似,some是是否存在某項符合條件)

var arr = [1, 9, 2, 7];

var result = arr.every((item) => );

console.log(result); // true

find方法(篩選出第乙個符合條件的項)

var arr = [1, 3, 9, 2, 7];

// 沒有返回值,對陣列進行遍歷操作

var result = arr.find((item) => );

console.log(result); // 3 返回第乙個符合條件的項

reduce方法(迭代陣列的每一項)

var arr = [1, 3, 9, 2, 7];

// 沒有返回值,對陣列進行遍歷操作

var result = arr.reduce((pre, cur) => );

console.log(result); // 22

set方法(陣列去重)

var arr = [1, 3, 9, 2, 7, 1, 3, 9];

var result = new set(arr);

console.log(result); //

console.log([...result]); // [1, 3, 9, 2, 7]

20.includes方法(判斷陣列中是否包含項)

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

var res=arr.includes(2)

console.log(res) // true

js 常用陣列方法歸納

js 陣列常用方法 1.slice 擷取複製陣列指定位置的內容 slice 開始位置,結束位置 第二個引數不寫預設到尾部,只能從前往後擷取 返回的值為擷取到的內容形成乙個新陣列。let copyarr arr.slice slice 或者slice 0 都可以複製陣列 let arr 1 2,3 4...

js陣列方法

array.json 方法將陣列中所有元素都轉化為字串並連線在一起 預設逗號 返回生成的字串,原陣列不改變 例 var a 1 2,3 a.join 1,2,3 a.join 1 2 3 array.reverse 方法將陣列中的元素顛倒順序 返回逆序的陣列,原陣列改變 例 var a 1,2,3 ...

JS陣列方法

tostring var ary 1,2,3,4,5,6 var str ary.tostring console.log str console.log typeof str push 陣列尾部新增陣列 pop 從陣列尾部刪除乙個元素 unshift 在陣列的第乙個元素前面插入乙個或多個元素 sh...