箭头函数的不使用return 直接返回数据

文章内容提供者:
(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: 该类数组对象的属性名可以加引号,也可以不加引号

你可能感兴趣的:(箭头函数的不使用return 直接返回数据)