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

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

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

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

#1、...in

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

for (let k in obj) {}

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

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

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

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

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

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

##3, Object.getOwnPropertyNames(obj)

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

let obj = {'0':'a','1':'b','2':'c'};

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

##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)

##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"]

[関連する推奨事項:

javascript ビデオ チュートリアル

、ウェブフロントエンド]

以上がes6 でオブジェクトを走査する方法は何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。