构造函数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>

相关文章
Array.from() 与 Array.reduce()
Array.from() 与 Array.reduce()
97 1
|
8月前
|
JavaScript 前端开发 Java
深入理解 JavaScript 中的 Array.find() 方法:原理、性能优势与实用案例详解
Array.find() 是 JavaScript 数组方法中一个非常实用和强大的工具。它不仅提供了简洁的查找操作,还具有性能上的独特优势:返回的引用能够直接影响原数组的数据内容,使得数据更新更加高效。通过各种场景的展示,我们可以看到 Array.find() 在更新、条件查找和嵌套结构查找等场景中的广泛应用。 在实际开发中,掌握 Array.find() 的特性和使用技巧,可以让代码更加简洁高效,特别是在需要直接修改原数据内容的情形。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一
|
8月前
|
移动开发 运维 供应链
通过array.some()实现权限检查、表单验证、库存管理、内容审查和数据处理;js数组元素检查的方法,some()的使用详解,array.some与array.every的区别(附实际应用代码)
array.some()可以用来权限检查、表单验证、库存管理、内容审查和数据处理等数据校验工作,核心在于利用其短路机制,速度更快,节约性能。 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
8月前
|
供应链 JavaScript 前端开发
通过array.every()实现数据验证、权限检查和一致性检查;js数组元素检查的方法,every()的使用详解,array.some与array.every的区别(附实际应用代码)
array.every()可以用来数据验证、权限检查、一致性检查等数据校验工作,核心在于利用其短路机制,速度更快,节约性能。 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
JavaScript 前端开发
JavaScript Array map() 方法
JavaScript Array map() 方法
|
JavaScript 算法 前端开发
JS算法必备之Array常用操作方法
这篇文章详细介绍了JavaScript中数组的创建、检测、转换、排序、操作方法以及迭代方法等,提供了数组操作的全面指南。
412 2
JS算法必备之Array常用操作方法
|
JavaScript 前端开发 开发者
|
索引
|
前端开发 JavaScript
前端 js 经典:array 原生方法
前端 js 经典:array 原生方法
132 1
ArrayList集合常用方法,.set可以用来生成图片和赋值命名,array.remove(1),array.set(1,“xxxx”)可以修改指定位置,array.size可以获取元素的个数
ArrayList集合常用方法,.set可以用来生成图片和赋值命名,array.remove(1),array.set(1,“xxxx”)可以修改指定位置,array.size可以获取元素的个数