JS数组API的使用方法

filter( )

// 用于过滤数组
var arr = [ {name:"123",id:'12'},{name:'21'}]

arr.filter(number=>{
return number.id !=undefined
})
// [{name:"123",id:'12'}]


var arr = [ 1,2,3,4,5]
arr.filter(number=>{
return number<4
})
// 1,2,3

find()

// find的作用是用于数组查找有没有相同的条件元素,如果有返回数组的第一个元素值
let test = [1, 2, 3, 4, 5];
let a = test.find(item => item > 3);
a // 4
let b = test.find(item => item == 1);
b // 1

includes（）

//查询数组中包不包括该字符 如果包括返回true
[1, 2, 3].includes(2);    // true;
[1, 2, 3].includes(4); // false
[1, 2, 3].includes(3, 3); // false    // 定点查找

every（）

对数组中的每一项进行判断，若都符合则返回true，否则返回false。
// 检测数组 ages 的所有元素是否都大于等于 18 :
var ages = [32, 33, 16, 40];

function checkAdult(age) {
    return age >= 18;
}

ages.every(checkAdult);    // false

some（）

//对数组中的每一项进行判断，若都不符合则返回false，否则返回true。
//检测数组中是否有元素大于 18:
var ages = [3, 10, 18, 20];

function checkAdult(age) {
    return age >= 18;
}

ages.some(checkAdult);    // true

reverse（）

反转数组中的元素
const arr = [3,4,4,5,4,6,5,7];   
arr.reverse(); // [7, 5, 6, 4, 5, 4, 4, 3]

flatten（）

//接收一个数组，无论这个数组里嵌套了多少个数组，flatten 最后都会把其变成一个一维数组 (扁平化)
const arr = [[1,2,3],[4,5,[6,7]]];
const a = arr.flatten(3);    // 可以为flat(99)    // 3表示有三层数组
console.log(a); // [1, 2, 3, 4, 5, 6, 7]

splice（）

//截取数据改变原数组

let arr = [1,2,3,4,5,6,7]
let arr1 = [1,2,3,4,5,6,7]
let Arr = arr.splice(2,4)
let Arr1 = arr1.splice(2,2,'yy')

arr    //    [1,2,7]
arr1  //    [1,2,'yy','yy',5,6,7]
Arr    //    [3,4,5,6]

slice（）

//截取数组不改变原数组

let list = [1,2,3,4,5,6]
let list1 = list.slice(3,4)
let list2 = list.slice(2)

list1    //[4]
list2    // [3,4,5,6]

findIndex(）

//tableData为原数组，row.id为对象的id属性
let arr = this.tableData;
let id1 = arr.findIndex((arr) => arr.id == row.id);//id1为对象的数组下标
this.tableData.splice(id1, 1);//删除该对象，实现局部刷新的功能

isArray（）

//用来判断数据是不是一个数组，返回值为 true 或 false。
const arr = [3,4,4,5,4,6,5,7];
console.log(Array.isArray(arr)) // true

数组去重

//数组去重
   let arr = [1,2,1,1,2,3,4,5,6,4,3,6,9,7,6,5,7,8,5]
   [...new Set(arr)]