练习-强大的es6之扩展运算符(…)

本文通过实例代码介绍了ES6中的扩展运算符(...),包括在解构赋值、对象复制与合并、数组复制与合并以及字符串转换为数组等方面的应用,展示了其在JavaScript编程中的强大功能。
摘要由CSDN通过智能技术生成

(...)用于取出参数对象中的所有可遍历属性

//1解构 arr

const 申明式

const [first, ...rest] = [1, 2, 3, 4, 5];

//const [first,second,...rest] = [1, 2, 3, 4, 5];

console.log('first');

console.log(first);

console.log('rest');

console.log(rest);

 

//2对象复制、合并

var obj_t01 = { a : 9 ,b : 5};

var obj_t03 = {d : 1};

// var obj_t02 = { ... obj_t01};

var obj_t02 = { ... obj_t01, ...obj_t03};

console.log('obj_t02');

console.log(obj_t02);

 

//数组的复制、合并

var arr_t01 =

ES6(ECMAScript 6)引入了许多新的数据处理特性和语法,使得数组和对象的操作更加方便和高效。这里我们可以介绍几个常用的ES6数据处理练习: 1. **数组方法**: - `map()`:创建一个新的数组,对原数组中的每个元素应用一个函数。 - `filter()`:创建新数组,只包含通过指定测试的所有元素。 - `reduce()`:对数组中的所有元素执行一个由您提供的reducer函数,将其结果汇总为单个返回值。 - `find()` 和 `findIndex()`:查找数组中满足特定条件的第一个元素及其索引。 2. **解构赋值**: - 对象解构:`let { prop1, prop2 } = obj;` - 数组解构:`let [a, b] = [1, 2];` 3. **数组推导**(Array Comprehensions): - 新特性,虽然不是严格ES6,但可以用来简洁地创建新数组。 ```javascript let squared = [x ** 2 for (x of array)]; ``` 4. **扩展运算符(...)**: - `let newArray = [...oldArray, newElement];` 或 `function spreadArgs(...args) {}` - 用于合并数组或复制数组,以及将剩余参数传递给函数。 5. **Set和Map**: - Set存储唯一的值,不保证顺序。 - Map存储键值对,键无需是字符串,提供了更灵活的数据结构。 6. **模板字面量(Template literals)**: - 使用反引号(``)创建可嵌入表达式的字符串。 ```javascript let name = 'Alice'; let greeting = `Hello, ${name}!`; ``` 7. **数组方法的优化**:比如使用`Array.from()`创建新数组,避免不必要的拷贝。 8. **Array.observe()**(仅限于某些浏览器,已被弃用,但可以了解观察数组变化的思想)。 在实践中,你可以通过编写一些小的代码片段,如操作数组、转换数据格式、过滤数据等,来熟悉和巩固这些新特性的使用。同时,完成在线编程挑战或实际项目也是很好的学习方法。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

做个有准备的人

受益虽浅以资鼓励无限

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值