数组&对象
2018-12-27 07:42:11来源:博客园 阅读 ()
var arr = [1,2,3];
Array.prototype.test=function(){} arr.name='jq'
/* * index是number类型的,可以使用break,continue,return语句 * 可以遍历对象 */
for (var index = 0, length = arr.length; index < length; index++) { console.log(index); // 0, 1, 2 console.log(arr[index]); // 1, 2, 3 }
/* * 除了遍历数组元素外,还会遍历自身可枚举属性,以及原型链上属性 * 适用于普通对象,不适合数组遍历 * 可以使用break,continue,return语句 */ for (var index in arr) { console.log(index); // 0, 1, 2, name, test console.log(arr[index]); // 1, 2, 3, jq, ? (){} }
/* * 只遍历数组元素 * 只适用于数组,Set,Map,类似数组对象,不适合普通对象对象 * 可以使用break,continue,return语句 */ for (var item of arr) { console.log(item); // 1, 2, 3 }
/* * 只遍历数组元素 * 参数:item 数组元素当前值,index 数组索引,array 数组本身 * 只适用于数组,Set,Map,类似数组对象,不适合普通对象对象 * break,continue,return语句无效 */ arr.forEach(function(item, index, array) { console.log(index); // 0, 1, 2 console.log(item); // 1, 2, 3 })
/* * 只适用于数组,Set,Map,类似数组对象,不适合普通对象对象 * break,continue,return语句无效 * 参数:item 数组元素当前值,index 数组索引,array 数组本身 */ arr.map(function(item, index, array) { console.log(index); // 0, 1, 2 console.log(item); // 1, 2, 3 return 0; })
/* * reduce 使用回调函数迭代地将数组简化为单一值 * 只适用于数组,Set,Map,类似数组对象,不适合普通对象对象 * 参数:callback 和 初始值 * accumulator: 函数上一次调用的返回值 * item: item 数组元素当前值 */ (1) 省略初始值,则accumulator为 arr[0], item为arr[1], index为1 arr.reduce(function(accumulator, item, index, array) { return accumulator + item; //求数组元素和 }); 执行顺序: 1 + 2 3 + 3 (2) 有初始值,则accumulator为initValue,item为arr[0], index为0 arr.reduce(function(accumulator, item, index, array) { return accumulator + item; //求数组元素和 }, 0); 执行顺序: 0 + 1 1 + 2 3 + 3 优点:减少数组迭代次数
/* * 只适用于数组,Set,Map,类似数组对象,不适合普通对象对象 * item: item 当前数组元素 */ arr.filter(function(item, index, array) { return (item > 1); }) 结果:[2, 3]
* 只适用于数组,Set,Map,类似数组对象,不适合普通对象对象 * item: item 当前数组元素 */ arr.find(function(item, index, array) { return (item > 1); })
结果:2
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- javascript面向对象入门基础详细介绍 2020-03-29
- JS简单去除数组中重复项的方法 2020-03-16
- 关于JS array的数组 2020-03-08
- javascript过滤数组重复元素的实现方法 2020-03-05
- jquery遍历筛选数组的几种方法和遍历解析json对象 2020-02-29
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash