27个JavaScript数组常用的基本方法

1. isArray()
   该方法确定对象是否是数组。返回布尔值

let fruits = ['banana','orange','apple','mango'];
let result = Array.isArray(fruits);
console.log(result);
//true

2. includes()
   该方法用于检测数组是否包含元素。返回布尔值

let fruits = ['banana','orange','apple','mango'];
let result = fruits.includes('lemon');
console.log(result);
//false

3. concat()
   该方法用于连接两个或多个数组。返回新数组

let fruits = ['banana','orange','apple','mango'];
let vegetables = ['tomato','potato','cabbage','onion'];
let foods = fruits.concat(vegetables);
console.log(foods);
//['banana','orange','apple','mango','tomato','potato','cabbage','onion']

4. fill()
   该方法用于替换数组中的元素。返回新数组

let fruits = ['banana','orange','apple','mango'];
let result = fruits.fill('lemon');
console.log(result);
//['lemon','lemon','lemon','lemon']

5. reverse()
   该方法用于反转数组中元素的顺序。返回新数组

let fruits = ['banana','orange','apple','mango'];
fruits.reverse();
console.log(fruits);
//['mango','apple','orange','banana']

6. sort()
   该方法用于对数组排序

let fruits = ['banana','orange','apple','mango'];
fruits.sort();
console.log(fruits);
//['mango','apple','orange','banana']

7. join()
   该方法返回一个包含所有数值的字符串

let fruits = ['banana','orange','apple','mango'];
console.log(fruits.join('-'));
//banana-orange-apple-mango

8. toString()
   该方法返回一个包含所有数值的字符串，以逗号分隔

let fruits = ['banana','orange','apple','mango'];
console.log(fruits.toString());
//banana,orange,apple,mango

9. unshift()
   该方法将新项添加到数组的头部。返回新数组

let fruits = ['banana','orange','apple','mango'];
fruits.unshift('lemon');
console.log(fruits);
// ['lemon','banana','orange','apple','mango']

10. push()
    该方法将新项添加到数组的尾部。返回新数组

let fruits = ['banana','orange','apple','mango'];
fruits.push('lemon');
console.log(fruits);
// ['banana','orange','apple','mango','lemon']

11. shift()
    该方法是将数组头部元素删除。返回新数组

let fruits = ['banana','orange','apple','mango'];
fruits.shift();
console.log(fruits);
// ['orange','apple','mango']

12. pop()
    该方法是将数组尾部元素删除。返回新数组

let fruits = ['banana','orange','apple','mango'];
fruits.pop();
console.log(fruits);
// ['banana','orange','apple']

13. copyWithin(target，start，end)
    该方法用于从数组的指定位置拷贝元素到数组的另一位置中。返回新数组，不改变数组的长度
    参数一：必选，复制到指定位置目标索引，可为负
    参数二：可选，元素复制的起始位置，默认值为0，可为负，可省略
    参数三：可选，默认值为数组的length，可为负，可省略

let fruits = ['banana','orange','apple','mango'];
fruits.copyWithin(1,2);
console.log(fruits);
//['banana','orange','mango','mango']

14. find()
    该方法返回数组中通过测试的第一个元素的值。

let ages=[3,10,18,20];
function checkAdult(age){
       return  age >= 18;
}
let result = ages.find(checkAdult);
console.log(result)
//18

15. findIndex()
    该方法返回数组中通过测试的第一个元素的索引值。

let ages=[3,10,18,20];
function checkAdult(age){
       return  age >= 18;
}
let result = ages.findIndex(checkAdult);
console.log(result)
//2

16. slice(start，end)
    该方法选择从给定的start参数开始的元素，并以给定的end参数结束，但不包括。返回新数组

let fruits = ['banana','orange','apple','mango'];
let result = fruits.slice(1,3);
console.log(result);
//['banana','apple']

17. splice(start,length,item)
    该方法从数组替换/删除/添加项目。返回删除的项目
    参数一：数组开始下标
    参数二：替换/删除的长度
    参数三：替换的值，删除操作item为空

let fruits = ['banana','orange','apple','mango'];
fruits.splice(2,1,'lemon','pear');
console.log(fruits);
//["banana", "orange", "lemon", "pear", "mango"]

18. indexOf()
    通过元素查找索引值，从前向后查找首次出现的位置。对大小写敏感。找不到返回值是-1

let fruits = ['banana','orange','apple','mango','apple','pear'];
let result = fruits.indexOf('apple');
console.log(result);
//2

19. lastIndexOf()
    通过元素查找索引值，从后向前查找首次出现的位置。对大小写敏感

let fruits = ['banana','orange','apple','mango','apple','pear'];
let result = fruits.lastIndexOf('apple');
console.log(result);
//4

20. filter()
    该方法是用来过滤数组中的元素的。返回新数组

let arr = [1,2,3,4,5];
let result = arr.filter(item=> item>2);
console.log(result);
//[3, 4, 5]

21. forEach(fuction(item，index，input){}）
    该方法是用来遍历数组中的每一项。只能遍历数组，没有返回值
    参数一：数组中的当前项item
    参数二：数组当前项的下标
    参数三：原始数组input

var arr = [4,7,17,20,21];
var res = arr.forEach(function (item,index,input) {
       input[index] = item*10;
})
console.log(res);
//undefiend
console.log(arr);
// [40, 70, 170, 200, 210]

22. map()
    该方法是用来遍历数组中的每一项。只能遍历数组，有返回值
    参数一：数组中的当前项item
    参数二：数组当前项的下标
    参数三：原始数组input

var arr = [4,7,17,20,21];
var res = arr.map(function (item,index,input) {
    return item*10;
})
console.log(res);
//[40, 70, 170, 200, 210]
console.log(arr);
//[4, 7, 17, 20, 21]

23. some()
    该方法用于检测数组中的元素是否有满足指定条件的。返回布尔值
    some()方法会一次执行数组中的每个元素，如果有一个元素满足条件，返回true，剩余的元素不会再执行检测。如果没有满足条件的元素，返回false。不会对空数组进行检测

var computers = [
    {name:"Apple",ram:8},
    {name:"IBM",ram:4},
    {name:"Acer",ram:32},
];
var some = computers.some(function(computer){
   return computer.ram > 16
})
console.log(some);
//true

24. every()
    该方法用于检测数组中所有的元素是否都满足指定条件的。返回布尔值
    every()方法会检测数组中的所有元素，如果数组中检测到有一个元素不满足，返回false，剩余的元素不会再执行检测。如果所有元素都满足条件，返回true。不会对空数组进行检测

var computers = [
    {name:"Apple",ram:8},
    {name:"IBM",ram:4},
    {name:"Acer",ram:32},
];
 var result= computers.every(function(computer){
   return computer.ram > 16
})
console.log(result);
//false

25. reduce(function(tatal，currentValue，currentIndex，arr)，initialValue)
    该方法接收一个函数作为累加器，数组中的每个值(从左到右)开始缩减，最终计算为一个值。
    对空数组是不会执行回调函数的。
    参数一：total 必选。初始值, 或者计算结束后的返回值
    参数二：currentValue 必选。当前元素
    参数三：currentIndex 可选。当前元素的索引
    参数四：arr 可选。当前元素所属的数组对象
    参数五：initialValue 可选。传递给函数的初始值

<p>点击按钮计算数组元素的总和。</p>
<button onclick="myFunction()">点我</button>
<p>数组元素总和: <span id="demo"></span></p>

var numbers = [65, 44, 12, 4];
 
function getSum(total, num) {
    return total + num;
}
function myFunction(item) {
    document.getElementById("demo").innerHTML = numbers.reduce(getSum);
}

26. reduceRight(function(tatal，currentValue，currentIndex，arr)，initialValue)
    该方法接收一个函数作为累加器，数组中的每个值(从右到左)开始缩减，最终计算为一个值。
    对空数组是不会执行回调函数的。
    参数一：total 必选。初始值, 或者计算结束后的返回值
    参数二：currentValue 必选。当前元素
    参数三：currentIndex 可选。当前元素的索引
    参数四：arr 可选。当前元素所属的数组对象
    参数五：initialValue 可选。传递给函数的初始值

<p>点击按钮计算数组元素的总和。</p>
<button onclick="myFunction()">点我</button>
<p>数组元素总和: <span id="demo"></span></p>

var numbers = [65, 44, 12, 4];
 
function getSum(total, num) {
    return total + num;
}
function myFunction(item) {
    document.getElementById("demo").innerHTML = numbers.reduceRight(getSum);
}

27. valueOf()
    该方法返回数组对象的原始值。不会改变原数组

let fruits = ['banana','orange','apple','mango'];
let result = fruits.valueOf();
console.log(result);
//["banana", "orange", "apple", "mango"]