JS开发中常用的数组API

前言

数组（Array）是一种有序数据集合，数组中每个值被称为数组的一个元素（Element），每个元素的编码被称为数组下标（Index）。JavaScript 是弱类型语言，数组结构表现和语法约定都比较松散，每个元素的值可以为任意类型，同一数组的不同元素可以保存不同类型数据，数组长度不是固定的，可以任意地拉伸和收缩。JavaScript 不支持二维或多维数组，通过元素包含数组的方式，可以间接创建复杂的多维数组。

常用方法

indexOf

indexOf 方法，用于查找数组中是否包含指定的值，返回指定值的索引值，如果没有存在返回-1

const list = ['A','B','C'];
console.log(list.indexOf('C')); // 2
console.log(list.indexOf('D')); // -1

map

map方法，对指定数组内的每个元素进行函数调用，返回一个新数组。

const arr = [1,2,3];
const arr2=arr.map((item)=>{
    return item*2;
});
console.log(arr) // [1,2,3]
console.log(arr2) // [2,4,6]

push

push方法，将元素添加到数组的最后面（尾部）返回值为数组的长度。

const arr = [1,2,3];
arr.push(4,5,6)
console.log(arr) // [1,2,3,4,5,6]

unshift

unshift方法，将元素添加到数组的最前面（头部），返回值为数组的长度。

const arr = [1,2,3];
arr.unshift(4,5,6)
console.log(arr) // [4,5,6,1,2,3]

pop

pop方法，用于取下数组中最后面的元素（尾部），返回取出的值。

const arr = [1,2,3];
const last = arr.pop()
console.log(arr) // [1,2]
console.log(last) // 3

shift

shift方法，用于取下数组中最前面的元素（头部），返回取出的值。

const arr = [1,2,3];
const first = arr.shift()
console.log(arr) // [2,3]
console.log(first) // 1

join

join方法，将数组中的元素使用指定的拼接符进行拼接，返回拼接到好的字符串。

const arr = [1,2,3];
const res = arr.join('&')
console.log(res) // "1&2&3"

sort

sort方法，用于将数组进行排序操作，默认按字符串方式进行排序，也可以传入一个函数作为参数，返回一个新数组。

const arr = [9,12,3,21,18];
const res = arr.sort((a,b)=>a-b)
console.log(res) // [3,9,12,18,21]

filter

filter方法，检查数组中符合条件的元素，返回数组中符合条件的所有元素。不会改变原数组，返回一个新数组。

const arr = [1,2,3,4,5,6,7,8,9,10];
const arr2 = arr.filter(item=>item%2!==0)
console.log(arr2) // [1,3,5,7,9]

some

some方法，判断数组中的元素是否有一个或以上符合条件，如果有，返回true，否则为false。

const arr = [9,12,3,21,18];
const res = arr.some((item)=>item<5)
console.log(res) // true

every

every方法，判断数组中的元素是否全部符合条件，如果符合，返回true，否则为false。

const arr = [9,12,3,21,18];
const res = arr.every((item)=>item<5)
console.log(res) // false

forEach

forEach方法，它与上面的map对象类似，也是对数组内的每个元素进行函数调用。不一样的是forEach没有返回值（ undefined ）。

const arr = [1,2,3];
arr.forEach((item)=>{
    console.log(item*2)
});
// 2
// 4 
// 6

reduce

reduce方法，对数组中的每一个元素执行由您提供的reducer函数，再将结果汇总为单个返回值。

const list = [1, 2, 3]
const sum = list.reduce(((accumulator, currentValue)=>accumulator   currentValue)
, 0);
console.log(sum) // 6

reverse

reverse方法，颠倒数组中元素的位置。返回一个颠倒后的数组，会修改原数组。

const arr = ['ABC','age',12,3];
const res = arr.reverse()
console.log(res) // [3,12,"age","ABC"]

includes

includes方法，用于判断数组里否包含一个指定的值，如果包含则返回 true，否则返回false。

const arr = ['A','B','C'];
console.log(arr.includes('A')) // true
console.log(arr.includes('D')) // false

最后

以上这些JavaScript数组方法，是根据日常项目开发中，涉及比较多的一些方法操作进行了总结。希望本文对你以后日常开发有更好的帮助！

如果你还有哪些比较常用的数组方法可以写在评论区哦！

这篇好文章是转载于：学新通技术网