ES6中函数与数组操作实例如何深入解析?
- 内容介绍
- 文章标签
- 相关推荐
本文共计737个文字,预计阅读时间需要3分钟。
本示例讲述了ES6函数和数组用法。
1. 对象的函数解构ES6提供了对象解构的功能,可以将对象中的属性值赋给变量。例如:javascriptconst user={ name: 'Alice', age: 25};
const { name, age }=user;console.log(name); // Aliceconsole.log(age); // 25
2. 数组的解构ES6也允许数组解构,可以将数组中的元素赋给变量。例如:javascriptconst arr=[1, 2, 3];
const [first, second, third]=arr;console.log(first); // 1console.log(second); // 2console.log(third); // 3
本文实例讲述了ES6函数和数组用法。分享给大家供大家参考,具体如下:
1.对象的函数解构
ES6为我们提供了这样的解构赋值使在前后端分离时,后端返回来JSON格式的数据,前端可以直接把这个JSON格式数据当作参数,传递到函数内部进行处理。比如:
let json = {
a:'es6',
b:'es5'
}
function fun({a,b='es5'}){
console.log(a);//es6
console.log(b);//es5
}
fun(json);
结果为:
2.数组的函数解构
声明一个数组,然后写一个方法,最后用…进行解构赋值。
本文共计737个文字,预计阅读时间需要3分钟。
本示例讲述了ES6函数和数组用法。
1. 对象的函数解构ES6提供了对象解构的功能,可以将对象中的属性值赋给变量。例如:javascriptconst user={ name: 'Alice', age: 25};
const { name, age }=user;console.log(name); // Aliceconsole.log(age); // 25
2. 数组的解构ES6也允许数组解构,可以将数组中的元素赋给变量。例如:javascriptconst arr=[1, 2, 3];
const [first, second, third]=arr;console.log(first); // 1console.log(second); // 2console.log(third); // 3
本文实例讲述了ES6函数和数组用法。分享给大家供大家参考,具体如下:
1.对象的函数解构
ES6为我们提供了这样的解构赋值使在前后端分离时,后端返回来JSON格式的数据,前端可以直接把这个JSON格式数据当作参数,传递到函数内部进行处理。比如:
let json = {
a:'es6',
b:'es5'
}
function fun({a,b='es5'}){
console.log(a);//es6
console.log(b);//es5
}
fun(json);
结果为:
2.数组的函数解构
声明一个数组,然后写一个方法,最后用…进行解构赋值。

