一些实用的es6特性

墨蓝 2022-07-13 14:14 323阅读 0赞

**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 }

发表评论取消回复

表情：

评论列表（有 0 条评论，323人围观）

还没有评论，来说两句吧...

相关阅读

相关九个超级实用的 ES6 特性

点击关注下方卡片关注我???????? 回复“ES6”查阅 ES6精选文章转载 / 前端开发社区阅读本文需要 3分钟 > 这篇文章介绍了一些

川长思鸟来/ 2023年01月17日 10:48/ 0 赞/ 132 阅读

相关 ES6特性

es6-特性这是一个 ES2015(ES6) 的Cheatsheet，其中包括提示、小技巧、最佳实践和一些代码片段，来帮助小白来学习，我也是从github 上“拿来的”

男娘i/ 2022年07月17日 04:16/ 0 赞/ 187 阅读

相关 ES6的新特性

1. 设置对象变量键值的语法 JavaScript开发者的烦恼之一是不能在对象字面量里设置变量键值——必须要在初始化后对象后增加变量键/值： // \Very\ reduc

落日映苍穹つ/ 2022年07月14日 09:14/ 0 赞/ 177 阅读

相关一些实用的es6特性

Array.prototype.includes(包含,返回数组内是否存在指定元素) [1,2,3,4,5].includes(1) // ====》true

墨蓝/ 2022年07月13日 14:14/ 0 赞/ 324 阅读

相关 ES6特性解释

let和const let在块级作用域有效。不存在之前的var的作用域提升。 const意思是只读的变量。不可以在声明之后再改变值。 const指向对象

忘是亡心i/ 2022年06月10日 13:50/ 0 赞/ 178 阅读

相关 ES6的新特性

ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准，已经在2015年6月正式发布了。Mozilla公司将在这个标准的基础上，推出JavaScr

客官°小女子只卖身不卖艺/ 2022年05月15日 01:41/ 0 赞/ 223 阅读

相关 js之es6的一些新特性

声明:此非原创,仅是笔记一.变量声明方式 let/const 与var不同，新的变量声明方式带来了一些不一样的特性，其中最重要的两个特性就是提供了块级作

- 日理万妓/ 2022年04月05日 17:50/ 0 赞/ 179 阅读

相关 ES5或ES6常用的一些新特性

ECMAscript5或ECMAscript6的常用新特性： let 相较于 var ，let是块级别的： for (var i = 0 ; i<3 ; i++

不念不忘少年蓝@/ 2022年03月27日 01:28/ 0 赞/ 264 阅读

相关 ES6（ECMAScript）中几个实用特性详解

ES6 ECMAScript Generator 函数： ![Generator 函数][Generator] 关键字 let 、const 和 var con

超、凢脫俗/ 2022年01月10日 12:23/ 0 赞/ 254 阅读

相关 ES6新特性

1.声明变量的关键字：const 和 let JavaScript ES6中引入了另外两个声明变量的关键字：const和let。在ES6中，我们将很少能看到var了。 co

电玩女神/ 2021年09月17日 01:12/ 0 赞/ 505 阅读