一些实用的es6特性

最新推荐文章于 2025-03-31 21:08:31 发布

EastRiseJi

最新推荐文章于 2025-03-31 21:08:31 发布

阅读量6.4w

点赞数

CC 4.0 BY-SA版权

分类专栏：前端开发文章标签： ES6新特性 javascript 前端开发实用函数

本文链接：https://blog.youkuaiyun.com/EastRiseJi/article/details/54377818

前端开发专栏收录该内容

24 篇文章

订阅专栏

Array.prototype.includes(包含,返回数组内是否存在指定元素)

[1,2,3,4,5].includes(1) // ====》true

[1,2,3,4,5].includes(6) // ====》false

Array.from new Set（一行代码实现数组去重）

Array.from(new Set([1, 1, 1, 2, 3, 2, 4]))  ===》 [1,2,3,4];
[...new Set([1, 1, 1, 2, 3, 2, 4])]   ===》 [1,2,3,4];

Array.filter（过滤）

const arr1 = [1, 2, 1, 2, 3, 5, 4, 5, 3, 4, 4, 4, 4]; 
const arr2 = arr1.filter( (element, index, self) => { 
    return self.indexOf( element ) === index; 
})
console.log(arr2); // => [1, 2, 3, 5, 4]

Array.find（查询数组中符合条件的对象，返回一个对象（有多个符合条件时，返回第一个））

const pets = [

 { type: 'Dog', name: 'Max'},

 { type: 'Cat', name: 'Karl'},

 { type: 'Dog', name: 'Tommy'},

]

 

pet = pets.find(pet => pet.type==='Dog' && pet.name === 'Tommy');

console.log(pet); // { type: 'Dog',name: 'Tommy' }

Object.assign()（可以处理一层的深度拷贝）

 varobj1 = { a: 10, b: 20, c: 30 };

var obj2 =Object.assign({}, obj1);

obj2.b = 100;

console.log(obj1);

// { a: 10, b: 20, c: 30} <-- 沒被改到

console.log(obj2);

// { a: 10, b: 100, c:30 }