博客
关于我
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 常见ALTER TABLE操作
    查看>>
    MySQL 常见的 9 种优化方法
    查看>>
    MySQL 常见的开放性问题
    查看>>
    Mysql 常见错误
    查看>>
    mysql 常见问题
    查看>>
    MYSQL 幻读(Phantom Problem)不可重复读
    查看>>
    mysql 往字段后面加字符串
    查看>>
    mysql 快照读 幻读_innodb当前读 与 快照读 and rr级别是否真正避免了幻读
    查看>>
    MySQL 快速创建千万级测试数据
    查看>>
    mysql 快速自增假数据, 新增假数据,mysql自增假数据
    查看>>
    MySql 手动执行主从备份
    查看>>
    Mysql 批量修改四种方式效率对比(一)
    查看>>
    Mysql 报错 Field 'id' doesn't have a default value
    查看>>
    MySQL 报错:Duplicate entry 'xxx' for key 'UNIQ_XXXX'
    查看>>
    Mysql 拼接多个字段作为查询条件查询方法
    查看>>
    mysql 排序id_mysql如何按特定id排序
    查看>>
    Mysql 提示:Communication link failure
    查看>>
    mysql 插入是否成功_PDO mysql:如何知道插入是否成功
    查看>>
    Mysql 数据库InnoDB存储引擎中主要组件的刷新清理条件:脏页、RedoLog重做日志、Insert Buffer或ChangeBuffer、Undo Log
    查看>>
    mysql 数据库中 count(*),count(1),count(列名)区别和效率问题
    查看>>