博客
关于我
js 各循环的区别
阅读量:714 次
发布时间:2019-03-21

本文共 1235 字,大约阅读时间需要 4 分钟。

for in和for of是JavaScript中用于遍历数据的两种不同方法,分别在ES5和ES6标准中首次引入。

for in方法用于遍历对象的属性。它会将所有可枚举的属性返回,但需要注意的是,这些属性可能包括从原型链上继承的属性。例如:

let obj = { a: 1 };let iterable = [3, 5, 7];iterable.foo = "hello";console.log(iterable.foo); // "hello"console.log(iterable.arrCustom); // 也会返回arrCustom吗?是的,因为它从数组的原型链中继承了这个属性。

while for of方法用于遍历具有Iterator接口的数据结构。这种数据结构如Array、Map、Set、String等都原生支持Iterator。它会逐个返回数据结构中的元素,这对于数组来说就是逐个数字,map中是每个键值对般的返回,但具体返回的格式取决于实现。

需要注意的是,从原型链继承的属性不会被for of遍历到。例如:

let iterable = [3, 5, 7];iterable.foo = "hello";for (let i of iterable) {    console.log(i); // 3,5,7}

下面我们进一步讨论它们的区别以及如何在实际开发中使用它们。

一、原生JS forEach()map() 遍历

共同点:

  • 都是用于遍历数组中的每一项。
  • 匿名函数接受item(当前项)、index(当前索引)、input(原始数组)三个参数。
  • 它们的this值都指向Window对象。
  • 只能用于数组遍历。
  • forEach() 的特点:

    • 没有返回值。
    • 适合执行一些操作,如批量修改数组中的元素。
    • 例如:
    var ary = [12, 23, 24, 42, 1];ary.forEach(function(item, index, input) {    input[index] = item * 10;});console.log(ary); // 会显示改变后的数组:[120, 230, 240, 420, 10]

    map() 的特点:

    • 有返回值,可以通过return赋值来创建新的数组。
    • 适合需要返回新数组的操作。
    • 例如:
    var res = ary.map(function(item, index, input) {    return item * 10;});console.log(res); // [120, 230, 240, 420, 10]

    在实际开发中,选择forEachmap取决于你是否需要修改原数组或是否需要返回一个新数组。forEach适合执行异步操作或只要遍历,而map适合生成新数组或依赖于回调函数的返回值。

    通过这些方法,我们可以对数组进行丰富的操作,同时保持代码的简洁和可读性。

    转载地址:http://oitrz.baihongyu.com/

    你可能感兴趣的文章
    MySQL 字符串截取函数,字段截取,字符串截取
    查看>>
    MySQL 存储引擎
    查看>>
    mysql 存储过程 注入_mysql 视图 事务 存储过程 SQL注入
    查看>>
    MySQL 存储过程参数:in、out、inout
    查看>>
    mysql 存储过程每隔一段时间执行一次
    查看>>
    mysql 存在update不存在insert
    查看>>
    Mysql 学习总结(86)—— Mysql 的 JSON 数据类型正确使用姿势
    查看>>
    Mysql 学习总结(87)—— Mysql 执行计划(Explain)再总结
    查看>>
    Mysql 学习总结(88)—— Mysql 官方为什么不推荐用雪花 id 和 uuid 做 MySQL 主键
    查看>>
    Mysql 学习总结(89)—— Mysql 库表容量统计
    查看>>
    mysql 实现主从复制/主从同步
    查看>>
    mysql 审核_审核MySQL数据库上的登录
    查看>>
    mysql 导入 sql 文件时 ERROR 1046 (3D000) no database selected 错误的解决
    查看>>
    mysql 导入导出大文件
    查看>>
    mysql 常用
    查看>>
    MySQL 常用列类型
    查看>>
    mysql 常用命令
    查看>>
    Mysql 常见ALTER TABLE操作
    查看>>
    mysql 往字段后面加字符串
    查看>>
    mysql 快速自增假数据, 新增假数据,mysql自增假数据
    查看>>