es6 でオブジェクトを走査する方法は何ですか-フロントエンドQ&A-php.cn

es6 でオブジェクトを走査する方法は何ですか

青灯夜游

リリース： 2022-06-08 17:04:41

オリジナル

12584 人が閲覧しました

オブジェクトを走査する 6 つの方法: 1. "for...in" ステートメントは、オブジェクト自身および継承された列挙可能なプロパティをループできます; 2. key() はプロパティ名、values () を走査します。プロパティ値; 3. getOwnPropertyNames()、すべてのプロパティなどを含む配列を返すことができます。

es6 でオブジェクトを走査する方法は何ですか

このチュートリアルの動作環境: Windows 7 システム、ECMAScript バージョン 6、Dell G3 コンピューター。

#ES6 でオブジェクトプロパティをトラバースする 6 つの方法

#1、...in

オブジェクト自身および継承された列挙可能なプロパティ (シンボル属性を除く) をループします。

for (let k in obj) {}

ログイン後にコピー

オブジェクト自身および継承された列挙可能なプロパティをループします (オブジェクト自身および継承された列挙可能なプロパティ (シンボル属性を除く) をループします)プロパティ)

let obj = {&#39;0&#39;:&#39;a&#39;,&#39;1&#39;:&#39;b&#39;,&#39;2&#39;:&#39;c&#39;}
for (let k in obj) {
	console.log(k+&#39;:&#39;+obj[k])
}
//0:a
//1:b
//2:c

ログイン後にコピー

##2, Object.keys(obj)|| Object.values(obj )

オブジェクト自体のすべての列挙可能なプロパティを含む配列を返します (継承を除く) (シンボルプロパティを除く)

keys() はプロパティ名のペアです。走査、values() は属性値の走査です

let obj = {&#39;0&#39;:&#39;a&#39;,&#39;1&#39;:&#39;b&#39;,&#39;2&#39;:&#39;c&#39;}
console.log(Object.keys(obj))
//["0","1","2"]
console.log(Object.values(obj))
//["a","b","c"]

ログイン後にコピー

es6 でオブジェクトを走査する方法は何ですか

##3, Object.getOwnPropertyNames(obj)

オブジェクトのすべてのプロパティを含む配列を返しますそれ自体 (プロパティを除く、列挙不可能なプロパティも含む)

let obj = {&#39;0&#39;:&#39;a&#39;,&#39;1&#39;:&#39;b&#39;,&#39;2&#39;:&#39;c&#39;};

Object.getOwnPropertyNames(obj).forEach(function(key){
    console.log(key,obj[key]);
});
// 0 a
// 1 b
// 2 c

ログイン後にコピー

es6 でオブジェクトを走査する方法は何ですか

##4. Object .getOwnPropertySymbols(obj) オブジェクト自体のすべての Symbol プロパティを含む配列を返します

例: オブジェクト自身の Symbol 値プロパティを取得する

var obj = {};
var a = Symbol("a");
var b = Symbol.for("b");

obj[a] = "localSymbol";
obj[b] = "globalSymbol";

var objectSymbols = Object.getOwnPropertySymbols(obj);

console.log(objectSymbols.length); // 2
console.log(objectSymbols)         // [Symbol(a), Symbol(b)]
console.log(objectSymbols[0])      // Symbol(a)

ログイン後にコピー

es6 でオブジェクトを走査する方法は何ですか

##5. Reflect.ownKeys(obj)

プロパティ名に関係なく、オブジェクト自体のすべてのプロパティを含む配列を返します。これはシンボルまたは文字列です。 Reflect.enumerate(obj)

Iterator オブジェクトを返します。オブジェクト自体と継承されたすべての列挙可能なプロパティ (シンボルプロパティを除く) を走査します。ループ内の for ... と同じです。

const object1 = {
  property1: 42,
  property2: 13
};

const array1 = [];

console.log(Reflect.ownKeys(object1));
// expected output: Array ["property1", "property2"]

console.log(Reflect.ownKeys(array1));
// expected output: Array ["length"]

ログイン後にコピー