Js遍历对象总结
时间:2022-07-24
本文章向大家介绍Js遍历对象总结,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
Js遍历对象总结
Js
遍历对象的方法主要有for in
、Object.keys()
、Object.getOwnPropertyNames()
、Reflect.ownKeys()
、Object.getOwnPropertySymbols()
。
for in
for in
语句以任意顺序迭代对象的可枚举属性,包括原型链上的可枚举属性,不包括Symbol
属性。
var obj = {
2: "11",
1: "1",
b: "1111",
a: "111",
[Symbol()]: "11111"
}
Object.prototype.c = "111111"; // 在原型链上增加一个可枚举属性
Object.defineProperty(obj, "d", {value:"1111111", enumerable:false}); // 在obj上增加一个不可枚举属性
console.log(obj); // {1: "1", 2: "11", b: "1111", a: "111", d: "1111111", Symbol(): "11111"}
for( let unit in obj ){
console.log(unit, obj[unit]);
}
/*
1 1
2 11
b 1111
a 111
c 111111
*/
/*
对于迭代时的顺序:
1. 如果属性名的类型是Number,那么属性的迭代顺序是按照key从小到大排序。
2. 如果属性名的类型是String,那么属性的迭代顺序是按照属性被创建的时间升序排序。
3. 如果属性名的类型是Symbol,那么逻辑同String相同。
*/
Object.keys
Object.keys()
方法会返回一个由一个指定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和使用for...in
循环遍历该对象时返回的顺序一致。类似的,Object.entries()
方法返回一个指定对象自身可枚举属性的键值对数组,Object.values()
方法返回一个指定对象自身的所有可枚举属性值的数组。
var obj = {
2: "11",
1: "1",
b: "1111",
a: "111",
[Symbol()]: "11111"
}
Object.prototype.c = "111111"; // 在原型链上增加一个可枚举属性
Object.defineProperty(obj, "d", {value:"1111111", enumerable:false}); // 在obj上增加一个不可枚举属性
console.log(obj); // {1: "1", 2: "11", b: "1111", a: "111", d: "1111111", Symbol(): "11111"}
var propertyArr = Object.keys(obj);
for( let unit of propertyArr ){
console.log(unit, obj[unit]);
}
/*
1 1
2 11
b 1111
a 111
*/
console.log(Object.entries(obj)); // [["1", "1"],["2", "11"],["b", "1111"],["a", "111"]]
console.log(Object.values(obj)); // ["1", "11", "1111", "111"]
Object.getOwnPropertyNames
Object.getOwnPropertyNames()
方法返回一个由指定对象的所有自身属性的属性名,包括不可枚举属性但不包括Symbol
值作为名称的属性组成的数组。
var obj = {
2: "11",
1: "1",
b: "1111",
a: "111",
[Symbol()]: "11111"
}
Object.prototype.c = "111111"; // 在原型链上增加一个可枚举属性
Object.defineProperty(obj, "d", {value:"1111111", enumerable:false}); // 在obj上增加一个不可枚举属性
console.log(obj); // {1: "1", 2: "11", b: "1111", a: "111", d: "1111111", Symbol(): "11111"}
var propertyArr = Object.getOwnPropertyNames(obj);
for( let unit of propertyArr ){
console.log(unit, obj[unit]);
}
/*
1 1
2 11
b 1111
a 111
d 1111111
*/
Object.getOwnPropertySymbols
Object.getOwnPropertySymbols()
方法返回一个指定对象自身的所有Symbol
属性的数组。
var obj = {
2: "11",
1: "1",
b: "1111",
a: "111",
[Symbol()]: "11111"
}
Object.prototype.c = "111111"; // 在原型链上增加一个可枚举属性
Object.defineProperty(obj, "d", {value:"1111111", enumerable:false}); // 在obj上增加一个不可枚举属性
console.log(obj); // {1: "1", 2: "11", b: "1111", a: "111", d: "1111111", Symbol(): "11111"}
var propertyArr = Object.getOwnPropertySymbols(obj);
for( let unit of propertyArr ){
console.log(unit, obj[unit]);
}
/*
Symbol() "11111"
*/
Reflect.ownKeys
Reflect.ownKeys
方法返回一个由指定对象自身的属性键组成的数组,包括不可枚举属性与Symbol
属性,它的返回值等同于Object.getOwnPropertyNames(target).concat(Object.getOwnPropertySymbols(target))
。
var obj = {
2: "11",
1: "1",
b: "1111",
a: "111",
[Symbol()]: "11111"
}
Object.prototype.c = "111111"; // 在原型链上增加一个可枚举属性
Object.defineProperty(obj, "d", {value:"1111111", enumerable:false}); // 在obj上增加一个不可枚举属性
console.log(obj); // {1: "1", 2: "11", b: "1111", a: "111", d: "1111111", Symbol(): "11111"}
var propertyArr = Reflect.ownKeys(obj);
for( let unit of propertyArr ){
console.log(unit, obj[unit]);
}
/*
1 1
2 11
b 1111
a 111
d 1111111
Symbol() "11111"
*/
每日一题
https://github.com/WindrunnerMax/EveryDay
参考
https://github.com/berwin/Blog/issues/24
https://www.cnblogs.com/zhaozhou/p/7890527.html
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Enumerability_and_ownership_of_properties
- Mono 3 的默认Gc是Sgen
- Linux下Redis主从复制以及SSDB主主复制环境部署记录
- 单元测试同时支持 NUnit/MSTest
- log4net快速上手
- MySQL高可用方案-PXC环境部署记录
- Redis主从复制下的工作原理梳理
- Linux系统下常用的数据备份方法
- K2 的Workspace 遭遇400 RequestLength 错误修复
- 从零开始学人工智能-Python·决策树(三)·节点
- .net程序员使用Oracle新手上路指南
- python的函数(二):作用域
- 在win2008 r2中安装windows phone 7开发工具
- TFS2008 + Windows2003 + Sql2005 安装注意事项
- 机器学习(五)——k-近邻算法进一步探究
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 分布式系统中的事务问题
- JDK 中的栈竟然是这样实现的?
- 谈一谈如何在Python开发中拒绝SSRF漏洞
- eval长度限制绕过 && PHP5.6新特性
- Cookie-Form型CSRF防御机制的不足与反思
- Python 格式化字符串漏洞(Django为例)
- unity官方案例精讲(第三章)--星际航行游戏Space Shooter
- Pwnhub Web题Classroom题解与分析
- WTForm的URLXSS谈开源组件的安全性
- 谈一谈复杂的正则表达式分析
- Linux 用户名、主机添加背景色
- percona-toolkit大表操作DDL使用 2.1. 数据库字符集修改2.2. 数据库建库、授权操作2.3. 数据库建表、插入数据4.1. 添加表字段【
- PHPMailer 代码执行漏洞(CVE-2016-10033)分析(含通用POC)
- linux 平均负载 load average 的含义【转】
- zookeeper-01 概述