DÜZENLEME : Bu yanıttaki aşağıdaki tüm örnekler @ supersan'ın isteğine göre yineleyiciden gelen yeni bir yol değişkeni içerecek şekilde düzenlenmiştir . Path değişkeni, dizideki her dizenin orijinal kaynak nesneden elde edilen yinelenen değere ulaşmak için erişilen her anahtarı temsil ettiği bir dizeler dizisidir. Yol değişkeni, lodash'ın get işlevine / yöntemine beslenebilir . Ya da sadece dizileri işleyen lodash's get'in kendi versiyonunuzu yazabilirsiniz:
function get (object, path) {
return path.reduce((obj, pathItem) => obj ? obj[pathItem] : undefined, object);
}
const example = {a: [1,2,3], b: 4, c: { d: ["foo"] }};
// these paths exist on the object
console.log(get(example, ["a", "0"]));
console.log(get(example, ["c", "d", "0"]));
console.log(get(example, ["b"]));
// these paths do not exist on the object
console.log(get(example, ["e", "f", "g"]));
console.log(get(example, ["b", "f", "g"]));
EDIT : Bu düzenlenmiş cevap sonsuz döngü geçişleri çözer.
Pesky Sonsuz Nesne Geçişlerini Durdurma
Bu Düzenlenen cevap hala sağlanan kullanmanızı sağlar orijinal cevap eklenen faydaları birini sağlayan jeneratör işlevi daha temiz ve basit kullanmak için iterable arabirimini (kullanarak düşünmek for ofgibi döngüler for(var a of b)nerede bbir iterable ve aiterable bir unsurdur ). Bunu yaparak da kod yeniden yardımcı olur basit bir api olmanın yanı sıra jeneratör fonksiyonu kullanarak size derinden bir nesnenin özelliklerine yineleme istediğiniz her yerde yineleme mantığı tekrarlamak zorunda kalmamak için ve aynı zamanda mümkün kılar breakdışı daha önce yinelemeyi durdurmak istiyorsanız döngü.
Hitap etmediğim ve orijinal cevabımda olmayan fark ettiğim bir şey, JavaScript nesneleri kendinden referanslı olabileceğinden, rastgele (yani herhangi bir "rastgele" küme) nesneden geçmeye dikkat etmeniz gerektiğidir. Bu sonsuz döngüsel geçişlere sahip olma fırsatı yaratır. Ancak değiştirilmemiş JSON verileri kendi kendine referans olamaz, bu nedenle JS nesnelerinin bu özel alt kümesini kullanıyorsanız sonsuz döngü geçişleri hakkında endişelenmenize gerek yoktur ve orijinal cevabımı veya diğer cevaplarıma başvurabilirsiniz. İşte bitmeyen bir geçişe bir örnek (çalıştırılabilir bir kod parçası olmadığına dikkat edin, aksi takdirde tarayıcı sekmenizi kilitler).
Ayrıca benim düzenlenmiş örnekte jeneratör nesnesinde ben sadece nesne üzerinde prototip olmayan anahtarları yinelemek Object.keysyerine kullanmayı tercih etti for in. Prototip anahtarlarının dahil edilmesini istiyorsanız bunu kendiniz değiştirebilirsiniz. Object.keysVe ile yapılan her iki uygulama için aşağıdaki orijinal yanıt bölümüme bakın for in.
Daha da kötüsü - Bu, kendinden referanslı nesneler üzerinde sonsuz döngü oluşturur:
//your object
var o = {
foo:"bar",
arr:[1,2,3],
subo: {
foo2:"bar2"
}
};
// this self-referential property assignment is the only edited line
// from the below original example which makes the traversal
// non-terminating (i.e. it makes it infinite loop)
o.o = o;
function* traverse(o, path=[]) {
for (var i of Object.keys(o)) {
const itemPath = path.concat(i);
yield [i,o[i],itemPath];
if (o[i] !== null && typeof(o[i])=="object") {
//going one step down in the object tree!!
yield* traverse(o[I], itemPath);
}
}
}
//that's all... no magic, no bloated framework
for(var [key, value, path] of traverse(o)) {
// do something here with each key and value
console.log(key, value, path);
}
Kendinizi bundan kurtarmak için, bir kapatma içine bir küme ekleyebilirsiniz, böylece işlev ilk çağrıldığında, gördüğü nesnelerin bir belleğini oluşturmaya başlar ve zaten görülen bir nesneye rastladığında yinelemeye devam etmez. Aşağıdaki kod snippet'i bunu yapar ve böylece sonsuz döngü durumlarını işler.
Daha İyi - Kendine referans veren nesneler üzerinde sonsuz döngü olmaz:
//your object
var o = {
foo:"bar",
arr:[1,2,3],
subo: {
foo2:"bar2"
}
};
// this self-referential property assignment is the only edited line
// from the below original example which makes more naive traversals
// non-terminating (i.e. it makes it infinite loop)
o.o = o;
function* traverse(o) {
const memory = new Set();
function * innerTraversal (o, path=[]) {
if(memory.has(o)) {
// we've seen this object before don't iterate it
return;
}
// add the new object to our memory.
memory.add(o);
for (var i of Object.keys(o)) {
const itemPath = path.concat(i);
yield [i,o[i],itemPath];
if (o[i] !== null && typeof(o[i])=="object") {
//going one step down in the object tree!!
yield* innerTraversal(o[i], itemPath);
}
}
}
yield* innerTraversal(o);
}
console.log(o);
//that's all... no magic, no bloated framework
for(var [key, value, path] of traverse(o)) {
// do something here with each key and value
console.log(key, value, path);
}
Orijinal Yanıt
IE'yi bırakmayı ve esas olarak daha güncel tarayıcıları desteklemezseniz bunu yapmanın daha yeni bir yolu için ( kangax'ın es6 tablosunu uyumluluk için kontrol edin ). Bunun için es2015 jeneratörlerini kullanabilirsiniz . @ TheHippo'nun cevabını buna göre güncelledim. Tabii ki gerçekten IE desteği istiyorsanız babel JavaScript transpiler kullanabilirsiniz.
//your object
var o = {
foo:"bar",
arr:[1,2,3],
subo: {
foo2:"bar2"
}
};
function* traverse(o, path=[]) {
for (var i in o) {
const itemPath = path.concat(i);
yield [i,o[i],itemPath];
if (o[i] !== null && typeof(o[i])=="object") {
//going one step down in the object tree!!
yield* traverse(o[i], itemPath);
}
}
}
//that's all... no magic, no bloated framework
for(var [key, value, path] of traverse(o)) {
// do something here with each key and value
console.log(key, value, path);
}
Yalnızca kendi numaralandırılabilir özelliklere (temel olarak prototip olmayan zincir özellikleri) sahip olmak istiyorsanız, bunu kullanarak yineleme Object.keysve for...ofdöngü yerine değiştirebilirsiniz:
//your object
var o = {
foo:"bar",
arr:[1,2,3],
subo: {
foo2:"bar2"
}
};
function* traverse(o,path=[]) {
for (var i of Object.keys(o)) {
const itemPath = path.concat(i);
yield [i,o[i],itemPath];
if (o[i] !== null && typeof(o[i])=="object") {
//going one step down in the object tree!!
yield* traverse(o[i],itemPath);
}
}
}
//that's all... no magic, no bloated framework
for(var [key, value, path] of traverse(o)) {
// do something here with each key and value
console.log(key, value, path);
}