javascript中常用的數(shù)組操作方法(是否改變?cè)紨?shù)組)

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

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

改變?cè)紨?shù)組的操作方法：

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

pop：刪除最后一個(gè)并返回刪除的元素

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

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

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

sort：對(duì)數(shù)組排序

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

不會(huì)改變?cè)紨?shù)組的操作方法：

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

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

slice：返回選定元素

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

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

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

every(es6)：對(duì)數(shù)組中的每一項(xiàng)運(yùn)行給定函數(shù)，如每一項(xiàng)均為true時(shí)返回true，否則返回false

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

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

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

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

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

使用

// 連接數(shù)組
//__concat方法__
var array1 = ["a", "b", "c"];
var array2 = ["d", "e", "f"];
array1.concat(array2); // ["a", "b", "c", "d", "e", "f"]
// __展開運(yùn)算符方法__
[...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的元素，并且返回第一個(gè)元素
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) 為每個(gè)元素都執(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) 不改變?cè)瓟?shù)組
var animals = ["ant", "bison", "camel", "duck", "elephant"];
animals.slice(2)  // ["camel", "duck", "elephant"]  返回?cái)?shù)組從下標(biāo)2開始直到結(jié)尾的一個(gè)新數(shù)組
animals.slice(2, 4)  //["camel", "duck"]  返回?cái)?shù)組從下標(biāo)2到4之間到一個(gè)新數(shù)組



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



// 使用 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)為逗號(hào)分隔
// "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]