javascript数组方法及使用说明

Array.forEach(v,i,callback)

1. 作用 :循环数组
2. 形参：

• v : 当前循环项

• i : 当前循环项索引

• callback: 回调函数

const array = [
    {
        id:0,
        name: '孙悟空'
    },
    {
        id:1,
        name:'猪八戒'
    }，
    {
        id:2,
        name:'沙悟净'
    },
    {
        id:3,
        name:'唐三藏'
    }
]
array.forEach((v,i)=>{
    console.log(v,i)
})
// 输出:
	{id: 0, name: "孙悟空"} 0
	{id: 1, name: "猪八戒"} 1
	{id: 2, name: "沙悟净"} 2
	{id: 3, name: "唐三藏"} 3

Array.filter(v,i,callback)

1. 作用 : 过滤数组,并返回新数组
2. 形参：*同上

const num = [10,15,20,25]
const newNum = num.filter((v,i)=>{
    return v >= 15
})
console.log(newNum)
//输出:
	[15, 20, 25]

Array.map(v,i,callback)

1. 作用 : 返回数组中指定的值
2. 形参：*同上

const list = [
	{
	 name:'张三',
	 age:20
    },
    {
	 name:'李四',
	 age:25
    },
    {
	 name:'王五',
	 age:27
    }
]
const newList = list.map((v,i)=>{
	return v.name
})
console.log(newList)
// 输出:
	["张三", "李四", "王五"]

Array.findIndex(v,i,callback)

1. 作用 : 返回符合条件的索引
2. 形参：*同上
3. 注意：如果找到符合条件的值，立即结束循环并返回索引
4. 索引：索引是从0开始计算的

const num = [10,20,30,40]
const index = num.findIndex((v,i)=>{
	return v > 25
})
console.log(index)
// 输出:
	2

Array.every(v,i,callback)

1. 作用 : 判断数组中的值符合条件，并返回布尔值 false || true
2. 形参：*同上
3. 注意：数组中只要有一个不符合条件，都会返回false,并立即结束循环

const num = [20,30,40,50]
const bool=num.every((v,i)=>{
    console.log(v)
    return v <= 30
})
console.log(bool)
// 输出:
	20
	30
	40
	false

Array.some(v,i,callback)

1. 作用 : 判断数组中的值符合条件，并返回布尔值 false || true
2. 形参：*同上
3. 注意：数组中只要有一个符合条件，都会返回true,并立即结束循环

const num = [10,20,30,40]
const bool=num.some((v,i)=>{
    console.log(v)
    return v>=30
})
console.log(bool)
// 输出:
	10
	20
	30
	true