博客
关于我
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启动以后会自动关闭_驾照虽然是C1,一直是开自动挡的车,会不会以后就不会开手动了?...
    查看>>
    mysql启动和关闭外键约束的方法(FOREIGN_KEY_CHECKS)
    查看>>
    Mysql启动失败解决过程
    查看>>
    MySQL启动失败:Can't start server: Bind on TCP/IP port
    查看>>
    mysql启动报错
    查看>>
    mysql启动报错The server quit without updating PID file几种解决办法
    查看>>
    MySQL命令行登陆,远程登陆MySQL
    查看>>
    mysql命令:set sql_log_bin=on/off
    查看>>
    mySQL和Hive的区别
    查看>>
    MySQL和Java数据类型对应
    查看>>
    mysql和oorcale日期区间查询【含左右区间问题】
    查看>>
    MySQL和SQL入门
    查看>>
    mysql在centos下用命令批量导入报错_Variable ‘character_set_client‘ can‘t be set to the value of ‘---linux工作笔记042
    查看>>
    Mysql在Linux运行时新增配置文件提示:World-wrirable config file ‘/etc/mysql/conf.d/my.cnf‘ is ignored 权限过高导致
    查看>>
    Mysql在Windows上离线安装与配置
    查看>>
    MySQL在渗透测试中的应用
    查看>>
    Mysql在离线安装时启动失败:mysql服务无法启动,服务没有报告任何错误
    查看>>
    Mysql在离线安装时提示:error: Found option without preceding group in config file
    查看>>