数组常用方法 （es4,es5,es6）

Posted 2021-07-08 fengshaopu

1. 1. es6:findIndex( )、find( )、Array.from( )
   2. es5:map( )、filter( )、forEach( )、every( )、some( )、reduce( )、indexOf( )、lastIndexOf( )
   3. es4:join()、push()、pop()、shift()、unshift()、sort()、reverse()、concat()、slice()、splice()
2. push 尾部添加
   push的返回值是新的长度

var a=[1,3,5]
var b=a.push(9)
console.log(b) //4

2.unshift 前面添加
返回值也是新的长度

var b=[1,2]
b.unshift(6)  
var c=b.unshift(6)
console.log(c);

3.pop 尾部删除 从后面删除
返回值被删除的那个值

b.pop(1,1)
console.log(b)

4.shift 头部删除 前面删除
返回值被删除的那个值

b.shift(1,1)
console.log(b)

5.replace 字符串替换

var str="Visit Microsoft! Visit Microsoft!";
var n=str.replace("Microsoft","Runoob");
输出结果:

Visit Runoob!Visit Microsoft!

6.reverse 数组反转

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.reverse();
结果输出：

Mango,Apple,Orange,Banana

7.splice（index,数量），可以做删除

添加的话 从第几个长度 开始
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2,0,"Lemon","Kiwi");
 输出结果：

Banana,Orange,Lemon,Kiwi,Apple,Mango

8.slice(start,end) 截取中的一部分 返回新结果 不会影响原来的数组

var str="Hello world!";
var n=str.slice(1,5);     从第几个开始index 截取几个 包括开始的下标不包括结束的下标

输出结果：

ello

9.sort((a,b)) 排序

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();
输出结果：

Apple,Banana,Mango,Orange

10.indexof 去查找 找到返回index 找不到返回-1 includes 找到返回true 否则返回false

var str="Hello world, welcome to the universe.";
var n=str.indexOf("welcome");
输出结果:

13

11.forEach 循环

var ar=[{num:1},{num:2}]
var a=ar.forEach((item)=>{
 return item.num=3
})

输出结果：
[{num:3},{num:3}]

12.map（）循环 修改对象的属性，可以影响数组中的值

13.filter 过滤器

```bash
var a=[1,2,3,5]

14.find 过滤方法 直接返回满足条件的方法

var ages = [3, 10, 18, 20];
 
function checkAdult(age) {
    return age >= 18;
}
 
function myFunction() {
    document.getElementById("demo").innerhtml = ages.find(checkAdult);
}
 输出结果：

18

15.findIndex 返回满足条件的索引值 只返回第一条记录

var ages = [3, 10, 18, 20];
 
function checkAdult(age) {
    return age >= 18;
}
 
function myFunction() {
    document.getElementById("demo").innerHTML = ages.findIndex(checkAdult);
}
 输出结果：

2

16.reduce(cur,prev) 数组的累加操作 的计算