美文网首页vue
JS:遍历对象的常用方法

JS:遍历对象的常用方法

作者: limengzhe | 来源:发表于2021-01-18 17:41 被阅读0次

for...in ⭐

for...in 语句用于遍历对象属性。循环中的代码每执行一次,就会对对象的属性进行一次操作。

const a = { x: 1, y: 2, z: 3 };

for (let key in a) {
  console.log(key); // expected output: x y z
}

Object.keys() ⭐

Object.keys() 方法返回一个由给定对象的自身属性名组成的数组(仅包括可枚举属性)。

const a = { x: 1, y: 2, z: 3 };
const b = Object.keys(a);

console.log(b); // expected output: [ 'x', 'y', 'z' ]

Object.entries() ⭐

Object.entries() 方法返回一个给定对象自身属性的键值对组成的数组(仅包括可枚举属性)。

const a = { x: 1, y: 2, z: 3 };
const b = Object.entries(a)

console.log(b); // expected output: [ [ 'x', 1 ], [ 'y', 2 ], [ 'z', 3 ] ]

Object.getOwnPropertyNames()

Object.getOwnPropertyNames() 方法返回一个由给定对象的自身属性的属性名组成的数组(包括不可枚举属性)。

const a = Object.create(
  {},
  {
    // getX 是一个不可枚举属性
    getX: {
      value: () => this.x,
    },
  }
);

a.x = 1;

const b = Object.getOwnPropertyNames(a);

console.log(a); // expected output: { x: 1 }
console.log(b); // expected output: [ 'getX', 'x' ]

Object.getOwnPropertySymbols()

Object.getOwnPropertySymbols() 方法返回一个给定对象自身的所有 Symbol 属性的数组。

const a = { x: 1 };
a[Symbol("y")] = 2;
a[Symbol.for("z")] = 3;

const b = Object.getOwnPropertySymbols(a);

console.log(a); // expected putput: { x: 1, [Symbol(y)]: 2, [Symbol(z)]: 3 }
console.log(b); // expected putput: [ Symbol(y), Symbol(z) ]

Reflect.ownKeys()

Reflect.ownKeys() 方法是 ES2015 新增的静态方法,该方法返回对象自身所有属性名组成的数组,包括不可枚举的属性和 Symbol 属性。

const a = Object.create(
  {},
  {
    // getX 是一个不可枚举属性
    getX: {
      value: () => this.x,
    },
  }
);

a.x = 1;
a[Symbol("y")] = 2;

const b = Reflect.ownKeys(a);

console.log(a); // expected putput: { x: 1, [Symbol(y)]: 2 }
console.log(b); // expected putput: [ 'getX', 'x', Symbol(y) ]

相关文章

  • JS:遍历对象的常用方法

    for...in ⭐ for...in 语句用于遍历对象属性。循环中的代码每执行一次,就会对对象的属性进行一次操作...

  • JS常用方法整理-遍历对象

    1. 简介 JS中经常需要对对象的属性进行遍历,下面我们来总结一下JS遍历对象属性的几种方法。 2. for......

  • js - 对象的遍历及常用方法

    遍历对象的常用方法 1for in 2Object.keys(obj) & Object.values(obj) ...

  • js基础了解

    js数组常用遍历方法使用: js数组常用操作方法使用: 基本逻辑运算: 基本字符串操作方法:

  • 前端开发备忘录

    js 数组去重的方法 最常用的方式 对象键值法去重 es6 Set方法一键去重 js常见的循环与遍历以及不同循...

  • 2018-07-25 学习总结

    1.js对象 造器函数内部定义对象的方法 循环遍历对象属性(for ....in 循环遍历键) 2.indexOf...

  • 记录五种常用的对象遍历方法

    记录五种常用的遍历对象的方法。 定义对象 for...in... for…in… 会以任意顺序遍历出对象自身以及原...

  • js 遍历对象方法

    【1】for in(获得可枚举的属性)(不含Symbol属性) 使用 for in 循环遍历对象的属性时,原型链上...

  • 79-对象遍历

    什么是对象的遍历对象的遍历就是依次取出对象中所有的属性和方法 如何遍历一个对象?在JS中可以通过高级for循环来遍...

  • JS遍历对象的方法

    1、使用Object.key遍历 let obj={'0':'a','1':'b','2':'c'}; ...

网友评论

    本文标题:JS:遍历对象的常用方法

    本文链接:https://www.haomeiwen.com/subject/dsjxzktx.html