JavaScript中的普通for循环和 for in循环

1.对数组的遍历

    // 通过传统的for循环和for in循环遍历数组
    let nums = [1, 3, 5, 7, 9];
    for (let i = 0; i < nums.length; i++) {
        console.log(typeof nums[i] + nums[i]);
    }

    for (let i in nums) {
        console.log(typeof nums[i] + nums[i]);
    }

两种不同的循环都可以对数组进行遍历,并且它们遍历的结果也都是一样的

2.对对象的遍历

// 通过两种循环遍历对象
        let obj = {
        name: "TomHe",
        age: "20",
        gender: "male"
    };

    for (let i = 0; i < obj.length; i++) {
        console.log(obj[i]);
        console.log(nums[i]);
    }

    for (let i in obj) {
        console.log(obj[i]);
        console.log(i);
    }

传统的for循环是不能够遍历对象的,而通过for in 循环则可以,并且通过该循环既可以得到属性的名称,也可以得到属性的具体取值

(0)

相关推荐

  • 「简洁代码」20个常用的JavaScript简写技巧

    原创前端小智2021-01-31 11:05:50 作者 | Amitav Mishra 译者 | 清风依旧 策划 | 田晓旭 本文发布在 jscurious.com 任何编程语言的简写技巧都能够帮助 ...

  • JS遍历对象的几种方法

    几天前一个小伙伴问我 Object.getOwnPropertyNames() 是干什么用的 平时还真没有使用到这个方法,一时不知如何回答 从方法名称来分析,应该是返回的是对象自身属性名组成的数组 那 ...

  • 遍历数组,对象和JSON

    遍历数组 var arr2 = [3,4,5,6,7,8]; //第一种方法 for(var i =0;i<arr.length;i++){ console.log(arr2[i]); } // ...

  • 数组中的map方法

    作用:通过指定函数对数组进行处理,并将处理后的结果以新数组的形式返回 注意点:不会改变原数组,只是将处理后的结果以新数组的形式返回 参数:该方法可以接收两个参数 第一个参数是函数,数组中的每个元素都会 ...

  • 摸鱼日记之—— js 中的遍历器:Iterator 与 for of

    摸鱼日记之—— js 中的遍历器:Iterator 与 for of

  • es6新增新特性简要总结

    es6简介 es6是在2015年6月正式颁布的新标准,es6基本上实现了所有ECMAScript 规范,以后每年的6月都会发布新版本,但改动不大. let 变量 使用let 关键字来申明的变量拥有以下 ...

  • 前端程序员学好算法系列(六)队列

    利用队列我们可以解决很多问题,js数组也可以实现队列,队列的思想为先近先出,js可以用 push和 shift() 很容易的实现一个队列 给你一个二叉树,请你返回其按 层序遍历 得到的节点值. (即逐 ...

  • 熬夜7天,我总结了JavaScript与ES的25个知识点

    前言 说起JavaScript,大家都知道是一门脚本语言.那么ES是什么鬼呢?ES全称ECMAScript ,是JavaScript语言的国际标准. 最近,我总结了25条JavaScript的基础特性 ...

  • javascript 数组 对象的一些方法记录

    记录一下常用的数组和对象的一些方法 数组 push() 数组后添加元素 // 作用:把一个元素或多个元素,从数组后面添加到数组里面: // 参数:添加的数据 // 返回:添加后的数组的长度: let ...

  • JS异步单线程与内置对象面试

    什么是异步? <script> //异步 console.log(1); setTimeout(function(){ alert(2); },1000); console.log(3); ...