js代码遍历对象(Js对象遍历)

  • 1、js中数组和对象循环遍历
  • 2、js循环遍历对象的方法
  • 3、js遍历json对象(推荐)

数组:

var arr = [‘a’,‘b’,’c’];

for (let i = 0;iarr.length;i++){

console.log(i,arr[i])

};

对象:

var person = { name:’tom’,age:’29’,sex:’男‘};

// 对象如果要用for循环来遍历,需要先有Object.key()的方法来拿到可迭代(遍历)的私有属性名的集合(数组)

var keys = Object.keys(person);

for (let i = 0;ikeys.length;i++){

console.log(keys[i]+”:”+person[keys[i]]);

};

数组:

for(let key in arr){

// 值得注意的是,key为数组的索引,如若需要获取属性的值,则需要使用数组加索引下标 的形式来获取

console.log(key,arr[key]);

}

对象:

for(let key in obj){

// 值得注意的是,key为对象的键名,键值要以obj[key]的方式来获取

console.log(key,obj[key]);

}

数组:

for(let value of arr){

//值得注意的是,for…of跟for…in是不一样的,for…in遍历的是数组的索引,for…of遍历的是数组的值

console.log(value);

}

对象:

for…in是不能单独来遍历一个对象的,会报错。

如果对象是一个类数组对象,那用array.from方法转成一个数组就可以用for…of来遍历了。

或者结合Object.keys()方法来使用

for(let key of Object.keys(obj)){

// for…of遍历输出的也是键名

console.log(key,obj[obj]);

}

数组:

forEach()方法遍历数组是没有返回值

值得注意的是数组中有几项,那么传递进去的匿名回调函数就需要执行几次;

arr.forEach((item,index,arr)={

console.log(item,index,arr)

)

// 其中item是数组中的当前项,index是数组中的当前下标,arr是原始数组

对象:

原则上forEach是用来遍历数组的,不能遍历对象,但是可以用Object.getOnwPropertyNames()方法来使得对象能被forEach遍历出来。

Object.getOnwPropertyNames()返回一个数组,成员是参数对象自身全部属性的属性名,不管该属性是否能被遍历。

Object.getOnwPropertyNames(obj).forEach((item,index,arr)={

console.log(item,index,obj[item])

})

js循环遍历对象的方法

    var    array = {

        ‘key1’:1,

        ‘key2’:2

    }

     for(let key in array){

        console.log(key + ‘—‘ + obj[key])

    }

第二种方法

    const obj = {

    id:1,

    name:’zhangsan’,

    age:18

     }

 console.log(Object.keys(obj))

console.log(Object.values(obj))

原生js遍历json对象

遍历json对象:

无规律:

有规律:

遍历json对象

有如下 json对象:

var obj ={“name”:”冯娟”,”password”:”123456″,”department”:”技术部”,”sex”:”女”,”old”:30};

遍历方法:

数组对象的遍历:

下面我们对照一下js和jquer的遍历方法:

原文网址:

原创文章,作者:简单一点,如若转载,请注明出处:https://www.506064.com/n/126278.html

汽车小知识 小米SU7 今日油价 油耗计算器 电耗计算器 购置税计算器 贷款计算器 保险计算器 交通违章代码 体育新闻
(0)
简单一点的头像简单一点
上一篇 2024-10-03
下一篇 2024-10-03

相关推荐

  • 关于linux登录mysql数据库指令的信息

    本文目录一览: 1、哪个是linux系统中登录mysql数据库的命令 2、linux中怎么登陆mysql 3、linux 下如何进入 mysql 命令行 4、linux下如何进入m…

    编程 2024-10-04
  • Python fromkeys()

    python 中的fromkeys()函数有助于使用给定的序列和给定的值创建新的字典。 **dictionary.fromkeys(sequence[, value])** #wh…

    编程 2024-10-03
  • phppixy的简单介绍

    本文目录一览: 1、消失很像另一首歌 2、php审计工具pixy现在支持php5吗? 3、有关精灵的名词 4、关于精灵的问题。 5、1女N男穿越小说(不要女尊) 6、推荐一些好看的…

    编程 2024-10-04
  • Windows 10 安装 WSL

    WSL(Windows Subsystem for Linux)是 Windows 10 中一个极其重要的开发工具,它允许用户在 Windows 系统中安装并使用各种 Linux …

    编程 2024-10-04
  • 中望cad如何画箭头,Cad中箭头怎么画

    本文目录一览: 1、cad怎么在cad里面画箭头? 2、cad怎么画箭头 3、cad如何画箭头 4、cad怎么画箭头 cad如何画箭头 cad怎么在cad里面画箭头? 1、多段线画…

    编程 2024-10-04
  • Base64隐写

    一、Base64的概念 Base64是一种编码方式,可以将二进制数据编码成可打印的ASCII字符,主要应用在传输和存储数据的场合。其原理是将3个8位的二进制数依次拼接成一个24位的…

    编程 2024-10-27
  • 如何运行 Python 程序

    介绍 作为一门高级编程语言,Python 自发布以来就受到了众多开发人员的喜爱。Python 代码简洁明了,易于阅读和理解,同时Python拥有庞大的第三方库生态,可以为各类编程任…

    编程 2024-10-04
  • Python 程序:对数组执行算术运算

    Python Numpy 模块具有加、减、乘、除、模和余数功能,可对 Numpy 数组执行算术运算。 # Array Arithemetic Operations import n…

  • PyCharm插件列表

    介绍 PyCharm是一款流行的Python IDE(集成开发环境),由JetBrains开发。它支持多种编程语言和框架,并且具有许多强大的代码编辑和开发功能。此外,它还提供了丰富…

    编程 2024-10-04
  • 深度解析Yolov5s网络结构

    一、背景 物体检测是计算机视觉领域的一个重要研究方向,在人工智能领域有广泛应用。Yolov5是一种基于深度学习的物体检测方法,具有高效、高精度等特点。其中,Yolov5s相对来说计…

    编程 2024-10-31

发表回复

登录后才能评论