构造函数Array新增方法Array.from()

简介: 构造函数Array新增方法Array.from()
<script>
    //Array.from可把实现了迭代器接口的数据类型,转换成真正的对象
    let arrayLike={
            0:'小红',
            1:'小张',
            length:2
    };
    console.log(arrayLike);
    //1.把类数组arrayLike转换为纯数组
    let arrList=Array.from(arrayLike);
    console.log(arrList);
    //2.验证arrList为纯数组,使用数组专用.forEach(fn(val,key){})进行遍历
    arrList.forEach(function(val,key){
        console.log(key,val);
    });
    //3.实现了迭代器接口的数据:将字符串转化为纯数组
    let strList=Array.from('xiaohong');
    console.log(strList);
    //4.验证strList为纯数组,使用数组专用.forEach(fn(val,key){})进行遍历
    strList.forEach(function(val,key){
        console.log(key,val);
    });
    //5.数组扩展运算符作用于字符串:将字符串转化为纯数组
    let args=[...'hellow'];
    console.log(args);
</script>

相关文章
|
1月前
Array.from() 与 Array.reduce()
Array.from() 与 Array.reduce()
13 1
|
5天前
实现array.slice()方法
实现array.slice()方法
|
4月前
|
Rust 索引 Windows
Rust 原始类型之数组array内置方法
Rust 原始类型之数组array内置方法
60 0
Rust 原始类型之数组array内置方法
|
5月前
ES6的Array.from({length:N})方法创建长度为N的undefined数组,等价于 [...Array(N)]
ES6的Array.from({length:N})方法创建长度为N的undefined数组,等价于 [...Array(N)]
热点面试题: Array中有哪些非破坏性方法?
热点面试题: Array中有哪些非破坏性方法?
|
9月前
|
JavaScript 前端开发
js中的Array对象属性和方法整理(二)
js中的Array对象属性和方法整理
58 0
|
9月前
|
JavaScript 前端开发 程序员
js中的Array对象属性和方法整理(一)
js中的Array对象属性和方法整理
54 0
|
9月前
|
JavaScript 前端开发 索引
JavaScript Array 常用属性和方法
JavaScript Array 常用属性和方法
35 0
|
10月前
|
JavaScript 前端开发 索引
javascript中过滤二维对象数组重复的字段并只保留唯一值(array.filter与Array.from)
javascript中过滤二维对象数组重复的字段并只保留唯一值(array.filter与Array.from)
309 0
|
12月前
|
JavaScript 前端开发 索引
扩展JavaScript数组(Array)添加删除元素方法
在JavaScript数组中,有很多不便之处,比如直接使用delete关键字删除数组中的一个元素是会产生空位的。文本为JavaScript数组(Array)扩展添加删除元素方法。
73 0
扩展JavaScript数组(Array)添加删除元素方法