ES6语法新特性

1.剩余参数

剩余参数允许我们将一个未知数量的参数表示为一个数组。

使用方式

const print = (num, ...args) => {
    console.log(num);
    console.log(args);
}
print(0, 1, 2)

2.和解构连用

let users = ['张三', '李四', '王五'];
let [u1, ...u2] = users;
console.log(u1);
console.log(u2);  

3.合并数组

let u1 = ['张三', '李四', '王五'];
let u2 = ['张无忌', '赵敏', '周芷若'];
let u3 = [...u1,...u2];
console.log(u3);

 

4. 可选链

let res = {
        data: {
            data: {
                success: true,
                id: "20220425"
            }
        }
    }
    if (res?.data?.data?.success) {
        let id = res?.data?.data?.id;
        console.log(id);
    }

5.set

 Set 是 ES6 提供的一种数据结构，它和数组很像，但是它里面的数据是不可重复的。

const set1 = new Set([1, 2, 3, 4, 5, 5]);
const set2 = new Set(['苹果','橘子','橘子']);
console.log(set1);
console.log(set2);

2.添加数据

const set1 = new Set([1, 2, 3, 4, 5,5]);
set1.add(7);

3.删除数据

const set1 = new Set([1, 2, 3, 4, 5,5]);
set1.delete(3);

4.包含数据

const set1 = new Set([1, 2, 3, 4, 5,5]);
const res = set1.has(1);
console.log(res);

 5.清除所有数据

const set1 = new Set([1, 2, 3, 4, 5,5]);
set1.clear();

6.includes

includes 用来判断该数组是否包含某个值，返回值是布尔值

let users = ['张三','李四'];
let res =users.includes('张三');
console.log(res);

7.find（）

find 用来找到第一个符合条件的成员，没有找到返回 undefined
let users = [{ name: '张三', age: 18 }, { name: '李四', age: 20 }];
let user = users.find((item, index) =>
    item.age > 18
)
console.log(user);

 

8 findIndex()

findIndex 用来找到第一个符合条件的成员的索引，没有的话返回 -1

let users = [{ name: '张三', age: 18 }, { name: '李四', age: 20 }];
let index = users.findIndex((item, index) =>
    item.age > 18
)
console.log(index)

9 filter()

filter 用来返回一个满足条件的新数组，不满足条件返回空数组

let users = [{ name: '张三', age: 18 }, { name: '李四', age: 20 }];
let array = users.filter((item, index) =>
    item.age > 21
)
console.log(array);

10 map

map 用来返回一个对成员进行加工之后的新数组

let users = [{ name: '张三', age: 18 }, { name: '李四', age: 20 }];
let array = users.map((item, index) => {
    item.name += "666";
    item.age += 10;
    return item;
})
console.log(array);

11 startsWith()

表示该字符串参数是否在某个字符串头部

let message = "helloworld";
let res = message.startsWith("hello");
console.log(res);
复制代码

12 endsWith()

表示该字符串参数是否在某个字符串尾部

let message = "helloworld";
let res = message.endsWith("ww");
console.log(res);
复制代码