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

青灯夜游
リリース: 2022-06-08 17:04:41
オリジナル
12604 人が閲覧しました

オブジェクトを走査する 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 = {'0':'a','1':'b','2':'c'}
for (let k in obj) {
	console.log(k+':'+obj[k])
}
//0:a
//1:b
//2:c
ログイン後にコピー

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

##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"]
ログイン後にコピー

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

##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
ログイン後にコピー

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"]
ログイン後にコピー
es6 でオブジェクトを走査する方法は何ですか[関連する推奨事項:

javascript ビデオ チュートリアル

ウェブフロントエンド]

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

関連ラベル:
es6
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!