文章内容提供者:
(1)原文作者:兢兢业业
原文链接:https://blog.csdn.net/qq_35859392/article/details/103850066
(2)原文作者:江峰★
原文链接:https://www.cnblogs.com/jf-67/p/8440758.html
当箭头函数箭头后面是简单操作时,直接去掉“{ }”,这样可以不使用return 就能会返回值。
let x = 10;
console.log(x => x+1); //输出11
// 箭头函数常规写法
console.log(Array.from([1, 2, 3], (x) => { return x + x}));
// expected output: Array [2, 4, 6]
// 箭头函数简单操作
console.log(Array.from([1, 2, 3], (x) => x + x));
// expected output: Array [2, 4, 6]
Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。
那么什么是类数组对象呢?所谓类数组对象,最基本的要求就是具有length属性的对象。
1、将类数组对象转换为真正数组:
let arrayLike = {
0: 'tom',
1: '65',
2: '男',
3: ['jane','john','Mary'],
'length': 4
}
let arr = Array.from(arrayLike)
console.log(arr) // ['tom','65','男',['jane','john','Mary']]
那么,如果将上面代码中length属性去掉呢?实践证明,答案会是一个长度为0的空数组。 这里将代码再改一下,就是具有length属性,但是对象的属性名不再是数字类型的,而是其他字符串型的,代码如下:
let arrayLike = {
'name': 'tom',
'age': '65',
'sex': '男',
'friends': ['jane','john','Mary'],
length: 4
}
let arr = Array.from(arrayLike)
console.log(arr) // [ undefined, undefined, undefined, undefined ]
会发现结果是长度为4,元素均为undefined的数组
由此可见,要将一个类数组对象转换为一个真正的数组,必须具备以下条件:
1、该类数组对象必须具有length属性,用于指定数组的长度。如果没有length属性,那么转换后的数组是一个空数组。
2、该类数组对象的属性名必须为数值型或字符串型的数字
ps: 该类数组对象的属性名可以加引号,也可以不加引号