首页 > web前端 > js教程 > 正文

ES6里新的数组API详解

php中世界最好的语言
发布: 2018-03-10 14:23:18
原创
2233人浏览过

这次给大家带来es6里新的数组api详解,使用es6里新的数组api的注意事项有哪些,下面就是实战案例,一起来看一下。

// 标准数组json格式;
var json = {
    "0": "liuliu",
    "1": 24,
    "2": true,
    "length": 3
};
var arr = Array.from(json);
console.log(arr);
//Array.of(); 说白了其实是一种构造数组的方式;
Array(1, 2, 3, 5); //[1,2,3,5]
Array.of(1, 2, 3, 5); //[1,2,3,5]
//Array(1,2,3,5); 没见过?? No.    new Array(1,2,3,5)见过吧;new可以省略;参照犀牛书;
//区别:
Array.of(3); //[3]
Array(3); //[,,];
var arr0 = Array.of(1, 2, 3, 4);
console.log(typeof arr0);
console.log(arr0);
console.log(Array(1, 2, 3));
console.log("---------------------");
//.find()方法.实例方法;  //val:值,key:索引,arr:实例本身
var arr00 = ["liuhf", 1, 4, 5];
var arr_00 = arr00.find(function(val, key, arr) {
    return key == 0; //相当于筛选;
});
console.log(typeof arr_00);
console.log(arr_00);
console.log(arr00); //不会改变原数组;
// 数组实例的fill方法; babel无法转换 IE11暂时也无法支撑;
var liu = ["liu", "hai", "oo"];
liu.fill("李", 1, 2); //1,表示替换在liu[1]的位置(起始位置) 2,表示结束位置liu[2],但是不包括2;
console.log(liu); //[ 'liu', '李', 'oo' ]
//数组遍历新方法: for of
//输出值;
for (let item of liu) {
console.log(item);
}
console.log("##############");
//输出索引;
for (let keys of liu.keys()) {
console.log(keys);
}
console.log("##############");
//输出值跟索引: entries()  IE11没办法支持[babel也转化后也不支持(主要有个Symbol)];edge浏览器可以支持(win10测试;)
 for (let [val, key] of liu.entries()) { 
  console.log(val + ":" + key); 
} 
console.log("##############"); 
console.log(liu.entries());     //chrome下为 Array Iterator {}; Edge下为 普通Object object{} 
console.log(liu.entries().length); //undefined //不能理解啊,数组没有长度.
登录后复制

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

相关阅读:

ES6里关于数字新增判断详解

ES6的字符串模板详解

ES6的拓展运算符详解

以上就是ES6里新的数组API详解的详细内容,更多请关注php中文网其它相关文章!

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号