set和Array.from等部分es6总结

最新推荐文章于 2024-06-04 09:48:01 发布
最新推荐文章于 2024-06-04 09:48:01 发布
阅读量527 收藏
点赞数 1
分类专栏： es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xustart7720/article/details/90605019
版权
本文总结了ES6的关键特性，包括let和const的作用，结构赋值，Set数据结构和Array.from方法的使用，以及let进行变量交换的方法。此外，还介绍了展开运算符在数组合并和可变参数函数中的应用，以及Object.keys和Object.values在获取对象属性上的功能。
摘要由CSDN通过智能技术生成

1、ES6的新特性，级其作用

  • let关键字，用于声明只在块级作用域起作用的变量，无变量升级问题
  • const关键字，用于声明一个常量
  • 结构赋值，一种新的变量赋值方式。常用于交换变量值，提取函数返回值，设置默认值
  • Symbol数据类型，定义一个独一无二的值
  • Proxy代理，用于编写处理函数，来拦截目标对象的操作
  • for...of遍历，可遍历具有iterator 接口的数据结构
  • for...in ，遍历对象中的属性
  • Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组
  • Object.values()方法返回一个给定对象自身的所有可枚举属性值的数组
  • Map结构，键名可以是任何类型的键值对集合。
  • Set结构，存储不重复的成员值的集合
  • Promise对象，更合理、规范地处理异步操作
  • Class类定义类和更简便地实现类的继承
  • Array.from可以把类数组对象、可迭代对象转化为数组
  • 展开运算符，结合数组，可变参数函数
  • 箭头函数，简化函数的写法，改变this指向（this为父作用域的this，不是调用时的th
最低0.47元/天 解锁文章
徐小七七
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ES6之Array.from()方法
weixin_30553837的博客
02-11 2172
　　Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。 　　那么什么是类数组对象呢？所谓类数组对象，最基本的要求就是具有length属性的对象。 　　1、将类数组对象转换为真正数组： let arrayLike = { 0: 'tom', 1: '65', 2: '男', 3: ['jane','john','...
浅谈JavaScript中ES6新增的Set和Map结构以及Array.from方法
01-08
ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。 Set 本身是一个构造函数，用来生成 Set 数据结构。 只能接受数组,采用new的方式来实例化使用。 创建Set机构时，可以立即设置...
ES6的新方法实现数组去重
dikuaitou0933的博客
12-11 370
ES6里新添加了两个很好用的东西，set和Array.from。 set是一种新的数据结构，它可以接收一个数组或者是类数组对象，自动去重其中的重复项目。 在这我们可以看见，重复的项目已经被去掉了，包括NaN。正常情况下，NaN === NaN 返回的是false，但是在set里，一样能够帮你去重，厉害了。 但是这里大家可以看到，set返回的是一个对象，但是我们想要的是数组啊...
ES6——Set和Array.from
weixin_33872566的博客
11-23 189
Set是一种新的数据结构，它可以接受一个数组，或者类数组对象，自动去重其中的重复项目var arr = [0,0,'0','0',12,12,"12","12", undefined,undefined,'undefined','undefined',null,null,'null','null']; var changeArr = new Set(arr); console...
探索未来JavaScript：Array.fromAsync的革命性力量
最新发布
gitblog_00063的博客
06-04 390
探索未来JavaScript：Array.fromAsync的革命性力量 项目地址:https://gitcode.com/tc39/proposal-array-from-async JavaScript社区一直在不断进步，为开发者提供更高效和灵活的工具。最近，一个名为Array.fromAsync的提案引起了我们的关注，它有望成为Stage-3 ECMAScript规范的一部分。这个新方法旨在...
es6 Set 结合 Array.from 用法
weixin_30415113的博客
04-24 106
var arr=[1,2,3,2,3,4,5]; var set=new Set(arr) var arr1=Array.from(set) 重复数组 - Set 化 （去重） - 转回数组 上述代码，实现数组去重，省去了传统实现中的循环算法 转载于:https://www.cnblogs.com/justSmile2/p/10762106.html...
Array.from和set方法
hkduan的博客
06-13 1万+
ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set 本身是一个构造函数，用来生成 Set 数据结构。 数组去重 Array.from 方法可以将 Set 结构转为数组。我们可以专门编写使用一个去重的函数 字符去重 另外 Set 是如此强大，因此使用 Set 可以很容易地实现并集（Union）、交集（Intersect）和差集（Difference）。...
ES6入门教程之Array.from()方法
10-17
总结来说，`Array.from()`是ES6中一个非常强大的工具，它可以方便地处理类数组对象、Set、字符串，并且可以结合映射函数进行元素处理，为JavaScript开发提供了更多的灵活性和便利性。熟练掌握`Array.from()`，能够...
js代码-去重：Set 对象 + Array.from
07-16
此外，`Set`对象还可以与`Array.from`结合使用进行其他高级操作，如并集、交集和差集等。 在实际项目中，`Set`和`Array.from`的组合常常用于处理数据预处理，例如在前端框架中过滤重复的数据，或者在数据分析场景中...
Array.from
北回归线
08-14 294
Array.from() 将类数组（arguments）和可遍历的对象（Set、Map）转化为数组 // arguments function a(){ console.log(Array.from(arguments)); } a('a','ss','dd'); // ['a','ss','dd'] // Set let set = new Set([1, 3, 3, 4, 4...
Array.from()的使用方法(数组去重，伪数组转为数组，数组浅克隆)，Set和Map数据结构
热门推荐
yangaoyuan1999的博客
08-30 3万+
1.Array.from()介绍 ???? Array.from()方法从类似数组或可迭代对象创建一个新的(浅拷贝)的数组实例 Array.from(arrayLike,mapFn,thisArg) arrayLike：必选，想要转换成数组的伪数组对象或可迭代对象 mapFn：可选，如果指定了该参数，新数组中的每个元素会执行该函数 thisArg：可选，执行回调函数mapFn时this对象 可迭代的对象包括ES6新增的数据结构Set和Map Array.from可以通过以下方式来创建数组对象 1. 伪
数组方法---Array from（）
明知迷途，从未折返
11-01 438
作用： Array.from() 方法从一个类似数组或可迭代对象中创建一个新的数组实例。 参数： 一共有3个参数， 第一个参数：毕传参数，是需要转化为数组的类数组本身 第二个参数：可选参数，是一个回调函数，如果指定了这个参数，新数组中的每个元素都会执行这个函数 第三个参数，也是可选参数，指定回调函数中的this指向 扩展： Array.from() 可以通过以下方式来创建数组对象 伪数组对象：拥...
array方法之from方法
Heartnottowake的博客
05-10 569
Array.from()的第一个参数是一个类数组对象，即任何可迭代的结构，或者一个有length属性和可索引属性的结构 1，字符串会被拆分为单字符数组 console.log(Array.from('matt')); //['m','a','t','t'] 2,可以使用from将集合和映射转换为一个新数组 const m = new Map().set(1,2).set(3,4); const s = new Set().add(1).add(2).add(3).add(4); console.log(A
深入浅出Array.from()和Array.of()
前端笔记——放弃很容易,但坚持一定很酷
06-09 1306
Array.from 方法用于将两类对象转为真正的数组：1.类似数组的对象；2.可遍历对象（包括ES6新增的数据结构Set和Map）。下面是一个类似数组的对象，Array.from将它转为真正的数组。实际应用中，常见的类似数组的对象是DOM操作返回的NodeList集合，以及函数内部的arguments对象。Array.from()都可以将它们转为真正的数组。// NodeList对象。
Array.from()简介
陈书航的博客
03-31 798
Array.from() Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。 什么是类数组对象：具有 length 属性的对象。 若 Array.from 参数为类数组对象 将类数组对象转换成真正的数组必须具备一下条件： 该类数组对象必须具有 length 属性。如果没有，则会返回一个空数组。 该类数组的对象的 key 必须为数值型或者字符串型的数字。数组元素均为 undefind 例子： let array = { 0: 'tom', 1: '65',
Array.from()方法小结
xnyssxy的博客
01-30 1万+
Array.from(arr, mapfn,thisArg)方法，用于将两类可以把对象转换为真正的数组：类似数组的对象和可遍历的对象（部署了Iterator接口的，String，ES6新增的Map和Set）。可以传3个参数，其中第一个是数组，必传；第二个是一个函数（类似map函数），对数组元素进行操作后再返回数组，可选；第三个是对于this关键字的指向，可选。 类似数组的对象 ： 必须
Javascript学习之路：Array.from详解
Code_King006的博客
07-07 1896
在以往的开发中，对于Array.from的了解是from是Array的静态方法，可以将类数组和迭代对象转换为数组，可以结合Set集合快速实现数组的去重，一直以为Array,from()只有一个参数，不是传类数组就是可迭代对象，但是，该方法有第2个第3个可选参数，一起来看看吧...........
Array.from() 超全用法详解
DWForYou_DJF
03-27 5545
Array.from方法用于将两类对象转为真正的数组：类似数组的对象（array-like object）和可遍历（iterable）的对象（包括 ES6 新增的数据结构 Set 和 Map）。
ES6之Array.from()方法详解
吴冬雪的博客
04-28 491
Array.from(obj,mapFn,thisArg)方法从一个类似数组或可迭代对象创建一个新的，浅拷贝的数组实例。 接收三个参数，后两个参数不是必选项。 obj:想要转换成数组的伪数组对象或可迭代对象。 mapFn:如果指定了该参数，新数组中的每个元素会执行该回调函数。回调函数接收两个参数，第一个value:数组值，index数组下标。如果mapFn定义的是箭头函数，不是普通函数，这...
es6中 Array.from方法和Array.of方法的区别
07-27
在ES6中，Array.from()和Array.of()都是用于创建新数组的方法，但它们的功能和使用方式有所不同。 1. Array.from(): - Array.from()方法用于从类数组对象或可迭代对象中创建一个新的数组实例。 - 它接受一个类...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值