15-2、Array.from()

93 阅读1分钟
<script>
    // 将其它数据类型转换为数组

    // 1.基本用法
    // console.log(Array.from('str'));

    // 2.那些可以通过 Array.from() 转换成数组
    // 2.1. 所有可遍历的
    // 数组、字符串、set、map、nodelist、arguments
    // console.log(Array.from(new Set([1, 2, 1])));
    // console.log([...new Set([1, 2, 1])]);

    // 2.2.拥有 length 属性的任意对象
    // const obj = {
    //     '0': 'a',
    //     '1': 'b',
    //     name: 'Alex',
    //     length: 3
    // }
    // console.log(Array.from(obj));
    // console.log([...obj]); // ×

    // 3.第二个参数
    // 作用类似于数组的 map 方法,用来对每个元素进行处理,将处理后的值放入返回的数组
    // console.log([1, 2].map((value) => { return value * 2 }))
    // console.log(Array.from('12', value => value * 2));
    // console.log(Array.from('12').map((value) => { return value * 2 }));

    // 4.第三个参数
    // Array.from('12', value => {
    //     console.log(this);
    // }, document)

    // Array.from('12', function () {
    //     console.log(this);
    // }, document)
</script>