Arrray 合集

concat() 方法用于合并两个或多个数组。此方法不会更改现有数组，而是返回一个新数组。

连接两个数组

以下代码将两个数组合并为一个新数组：

const letters =['a','b','c'];const numbers =[1,2,3];const alphaNumeric = letters.concat(numbers);
console.log(alphaNumeric);// results in ['a', 'b', 'c', 1, 2, 3]

连接三个数组

以下代码将三个数组合并为一个新数组

const num1 =[1,2,3];const num2 =[4,5,6];const num3 =[7,8,9];const numbers = num1.concat(num2, num3);

console.log(numbers);// results in [1, 2, 3, 4, 5, 6, 7, 8, 9]

将值连接到数组

以下代码将三个值连接到数组：

const letters =['a','b','c'];const alphaNumeric = letters.concat(1,[2,3]);

console.log(alphaNumeric);// results in ['a', 'b', 'c', 1, 2, 3]

find() 方法返回数组中满足提供的测试函数的第一个元素的值。否则返回 undefined

const inventory =[{name:'apples',quantity:2},{name:'bananas',quantity:0},{name:'cherries',quantity:5}];functionisCherries(fruit){return fruit.name ==='cherries';}

console.log(inventory.find(isCherries));// { name: 'cherries', quantity: 5 }

filter() 方法创建给定数组一部分的浅拷贝，其包含通过所提供函数实现的测试的所有元素。

const array =[-3,-2,-1,0,1,2,3,4,5,6,7,8,9,10,11,12,13];functionisPrime(num){for(let i =2; num > i; i++){if(num % i ===0){returnfalse;}}return num >1;}

console.log(array.filter(isPrime));// [2, 3, 5, 7, 11, 13]

forEach() 方法对数组的每个元素执行一次给定的函数。

const arraySparse =[1,3,/* empty */,7];let numCallbackRuns =0;

arraySparse.forEach((element)=>{
  console.log({ element });
  numCallbackRuns++;});

console.log({ numCallbackRuns });// { element: 1 }// { element: 3 }// { element: 7 }// { numCallbackRuns: 3 }

indexOf() 方法返回在数组中可以找到给定元素的第一个索引，如果不存在，则返回 -1。

const array =[2,9,9];
array.indexOf(2);// 0
array.indexOf(7);// -1
array.indexOf(9,2);// 2
array.indexOf(2,-1);// -1
array.indexOf(2,-3);// 0

join() 方法将一个数组（或一个类数组对象）的所有元素连接成一个字符串并返回这个字符串，用逗号或指定的分隔符字符串分隔。如果数组只有一个元素，那么将返回该元素而不使用分隔符。

const a =['Wind','Water','Fire'];
a.join();// 'Wind,Water,Fire'
a.join(', ');// 'Wind, Water, Fire'
a.join(' + ');// 'Wind + Water + Fire'
a.join('');// 'WindWaterFire'

map() 方法创建一个新数组，这个新数组由原数组中的每个元素都调用一次提供的函数后的返回值组成。

const numbers =[1,4,9];const roots = numbers.map((num)=> Math.sqrt(num));// roots 现在是     [1, 2, 3]// numbers 依旧是   [1, 4, 9]

shift() 方法从数组中删除第一个元素，并返回该元素的值。此方法更改数组的长度。

let myFish =['angel','clown','mandarin','surgeon'];

console.log('调用 shift 之前：'+ myFish);// "调用 shift 之前：angel,clown,mandarin,surgeon"var shifted = myFish.shift();

console.log('调用 shift 之后：'+ myFish);// "调用 shift 之后：clown,mandarin,surgeon"

console.log('被删除的元素：'+ shifted);// "被删除的元素：angel"

slice() 方法返回一个新的数组对象，这一对象是一个由 begin 和 end 决定的原数组的浅拷贝（包括 begin，不包括end）。原始数组不会被改变。

var fruits =['Banana','Orange','Lemon','Apple','Mango'];var citrus = fruits.slice(1,3);// fruits contains ['Banana', 'Orange', 'Lemon', 'Apple', 'Mango']// citrus contains ['Orange','Lemon']

some() 方法测试数组中是不是至少有 1 个元素通过了被提供的函数测试。它返回的是一个 Boolean 类型的值。

functionisBiggerThan10(element, index, array){return element >10;}[2,5,8,1,4].some(isBiggerThan10);// false[12,5,8,1,4].some(isBiggerThan10);// true

sort() 方法用原地算法对数组的元素进行排序，并返回数组。默认排序顺序是在将元素转换为字符串，然后比较它们的 UTF-16 代码单元值序列时构建的

var stringArray =["Blue","Humpback","Beluga"];var numericStringArray =["80","9","700"];var numberArray =[40,1,5,200];var mixedNumericArray =["80","9","700",40,1,5,200];functioncompareNumbers(a, b){return a - b;}

console.log('stringArray:'+ stringArray.join());
console.log('Sorted:'+ stringArray.sort());

console.log('numberArray:'+ numberArray.join());
console.log('Sorted without a compare function:'+ numberArray.sort());
console.log('Sorted with compareNumbers:'+ numberArray.sort(compareNumbers));

console.log('numericStringArray:'+ numericStringArray.join());
console.log('Sorted without a compare function:'+ numericStringArray.sort());
console.log('Sorted with compareNumbers:'+ numericStringArray.sort(compareNumbers));

console.log('mixedNumericArray:'+ mixedNumericArray.join());
console.log('Sorted without a compare function:'+ mixedNumericArray.sort());
console.log('Sorted with compareNumbers:'+ mixedNumericArray.sort(compareNumbers));

stringArray: Blue,Humpback,Beluga
Sorted: Beluga,Blue,Humpback

numberArray: 40,1,5,200
Sorted without a compare function: 1,200,40,5
Sorted with compareNumbers: 1,5,40,200

numericStringArray: 80,9,700
Sorted without a compare function: 700,80,9
Sorted with compareNumbers: 9,80,700

mixedNumericArray: 80,9,700,40,1,5,200
Sorted without a compare function: 1,200,40,5,700,80,9
Sorted with compareNumbers: 1,5,9,40,80,200,700

plice() 方法通过删除或替换现有元素或者原地添加新的元素来修改数组，并以数组形式返回被修改的内容。此方法会改变原数组。

从索引 2 的位置开始删除 0 个元素，插入“drum”

var myFish =["angel","clown","mandarin","sturgeon"];var removed = myFish.splice(2,0,"drum");// 运算后的 myFish: ["angel", "clown", "drum", "mandarin", "sturgeon"]// 被删除的元素：[], 没有元素被删除

参考文献：

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/splice