JavaScript中属性遍历的三种方法

简介: JavaScript中属性遍历的三种方法

JavaScript中属性遍历的三种方法分别是for...in循环、Object.keys()方法和Object.getOwnPropertyNames()方法。下面是对应的例子:

  1. for...in循环:
let obj = {name: "Alice", age: 25, gender: "Female"};
for(let prop in obj){
  console.log(prop + ": " + obj[prop]);
}

输出结果:

name: Alice
age: 25
gender: Female
  1. Object.keys()方法:
let obj = {name: "Alice", age: 25, gender: "Female"};
let props = Object.keys(obj);
for(let i = 0; i < props.length; i++){
  console.log(props[i] + ": " + obj[props[i]]);
}

输出结果:

name: Alice
age: 25
gender: Female
  1. Object.getOwnPropertyNames()方法:
let obj = {name: "Alice", age: 25, gender: "Female"};
let props = Object.getOwnPropertyNames(obj);
for(let i = 0; i < props.length; i++){
  console.log(props[i] + ": " + obj[props[i]]);
}

输出结果:

name: Alice
age: 25
gender: Female
相关文章
|
16天前
|
存储 JavaScript 索引
JS中数组的相关方法介绍
JS中数组的相关方法介绍
|
18天前
|
JavaScript 前端开发 容器
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
18 0
|
19天前
|
JSON JavaScript 前端开发
JavaScript原生代码处理JSON的一些高频次方法合集
JavaScript原生代码处理JSON的一些高频次方法合集
|
16天前
|
JavaScript 前端开发 索引
JavaScript中与字符串相关的方法
JavaScript中与字符串相关的方法
|
1天前
|
JavaScript 前端开发
js 操作数组的方法
js 操作数组的方法
12 4
|
5天前
|
JavaScript 索引
JS 几种循环遍历
JS 几种循环遍历
8 0
JS 几种循环遍历
|
9天前
|
JavaScript 前端开发 Java
js 垃圾回收机制的方法
js 垃圾回收机制的方法
|
9天前
|
JavaScript 前端开发
js数据类型有几类?一共有几种?判断数据类型的方法是什么?
js数据类型有几类?一共有几种?判断数据类型的方法是什么?
|
10天前
|
JavaScript 前端开发
js绑定事件的方法
js绑定事件的方法
22 11
|
10天前
|
JavaScript
JS生成uuid的四种方法
JS生成uuid的四种方法
10 0