javascript中常用的數(shù)組操作方法(是否改變原始數(shù)組)

silencezwm 發(fā)布于2019-08-22 17:30 / 504人閱讀

摘要：方法返回在數(shù)組中可以找到一個給定元素的第一個索引，如果不存在，則返回。方法用來判斷一個數(shù)組是否包含一個指定的值，根據(jù)情況，如果包含則返回，否則返回。

改變原始數(shù)組的操作方法：

push：向數(shù)組末尾添加元素，并返回新的長度

pop：刪除最后一個并返回刪除的元素

unshift：向數(shù)組開頭添加元素，并返回新的長度

shift：將第一個元素刪除并且返回刪除元素，空即為undefined

reverse：顛倒數(shù)組順序

sort：對數(shù)組排序

splice：刪，增，替換數(shù)組元素，返回被刪除數(shù)組，無刪除則不返回

不會改變原始數(shù)組的操作方法：

concat：連接多個數(shù)組，返回新的數(shù)組

join：將數(shù)組中所有元素以參數(shù)作為分隔符放入一個字符

slice：返回選定元素

map(es6)：數(shù)組映射為新的數(shù)組

filter(es6)：數(shù)組過濾，返回所有通過方法判斷后(判斷為true時)生成的新數(shù)組

forEach：數(shù)組遍歷，沒有返回值

every(es6)：對數(shù)組中的每一項運行給定函數(shù)，如每一項均為true時返回true，否則返回false

some(es6)：數(shù)組中的的元素運行給定函數(shù)，如其中有一項為true時返回true，此時剩余的元素不會再執(zhí)行檢測，如果所以都為false則返回false

find(es6)：尋找數(shù)組中符合測試方法（函數(shù)）條件的第一個元素，并且返回該元素

reduce(es6)：方法接收一個函數(shù)作為累加器，數(shù)組中的每個值（從左到右）開始縮減，最終計算為一個值。

indexOf: 方法返回在數(shù)組中可以找到一個給定元素的第一個索引，如果不存在，則返回-1。

includes(es7)：方法用來判斷一個數(shù)組是否包含一個指定的值，根據(jù)情況，如果包含則返回true，否則返回false。

使用

// 連接數(shù)組
//__concat方法__
var array1 = ["a", "b", "c"];
var array2 = ["d", "e", "f"];
array1.concat(array2); // ["a", "b", "c", "d", "e", "f"]
// __展開運算符方法__
[...array1, ...array2] // ["a", "b", "c", "d", "e", "f"]



//循環(huán)
var arr = ["a", "b", "c"];
arr.forEach(function(element, index) {
  console.log(element + "," + index);
});
// a , 0
// b , 1
// c , 2

// 箭頭函數(shù)寫法
arr.forEach((element,index) => console.log(element,index));



//循環(huán)映射(map)
var numbers = [1, 5, 10, 15];
let doubles = numbers.map((item, index) => item * 2);
// [2, 10, 20, 30]

// 數(shù)組是否元素包含(includes)
let a = [1, 2, 3];
a.includes(2);
// true
a.includes(4);
// false



//查找元素(find)
//查找數(shù)組中大于等于15的元素，并且返回第一個元素
var ret = [12, 5, 8, 130, 44].find(function(element) {
    return element >= 15; // 方法需要有返回值，判斷得出true或者false，返回為true的元素
  }
);
// 130



// 過濾數(shù)組(filter)
// 過濾數(shù)組中大于等于10的元素并且返回新數(shù)組
var filtered = [12, 5, 8, 130, 44].filter(function(value) {
    return value >= 10; // 方法需要有返回值，判斷得出true或者false，返回為true的元素
  }
);
// [12, 130, 44]



// 循環(huán)判斷(every) 為每個元素都執(zhí)行
var passed = [12, 5, 8, 130, 44].every(function (element, index, array) {
  return (element >= 10);
});
// false


// 循環(huán)判斷(some) 遇到返回值為true的就停止執(zhí)行
var passed = [12, 5, 8, 130, 44].some(function (element, index, array) {
  return (element >= 10);
});
// true



// 數(shù)組截取(slice) 不改變原數(shù)組
var animals = ["ant", "bison", "camel", "duck", "elephant"];
animals.slice(2)  // ["camel", "duck", "elephant"]  返回數(shù)組從下標(biāo)2開始直到結(jié)尾的一個新數(shù)組
animals.slice(2, 4)  //["camel", "duck"]  返回數(shù)組從下標(biāo)2到4之間到一個新數(shù)組



// 數(shù)組減接(splice)  改變原數(shù)組
var myFish = ["angel", "clown", "mandarin", "sturgeon"];
myFish.splice(2, 0, "drum"); // ["angel", "clown", "drum", "mandarin", "sturgeon"]    0為刪減個數(shù)，在索引為2的位置不刪減并且插入"drum"
myFish.splice(2, 1); //  ["angel", "clown", "mandarin", "sturgeon"]       從索引為2的位置刪除1項（也就是"drum"這一項）



// 使用 lastIndexOf
var array = [2, 5, 9, 2];
var index = array.lastIndexOf(2); // index === 3
var index = array.lastIndexOf(8); // index === -1



// 數(shù)組轉(zhuǎn)字符串(join)
let a = ["Wind", "Rain", "Fire"];
a.join() //默認(rèn)為逗號分隔
// "Wind,Rain,Fire"
a.join("-") // 用 - 分隔
// "Wind-Rain-Fire"



// es6 數(shù)組去重
let array = [1, 1, 1, 1, 2, 3, 4, 4, 5, 3];
let set = new Set(array);
let newarr = Array.from(set);
// newarr === [1, 2, 3, 4, 5]