Javascript Döngü için Genel

Question

Bir dizi veya nesne arasında doğru bir şekilde dönecek genel bir döngü oluşturmak için herhangi bir yol var mı? Döngü için aşağıdakileri yazabileceğimi biliyorum, ancak bir diziye eklenecek diğer özellikler arasında da dönecektir.

for (item in x) { 
    console.log(item) 
} 

bu derken yineleme olacak döngüsü için bir anlamı:

x = [1, 2] 
x.foo = "foo" 
y = {first:1, second: 2} 

x

1 
2 

y

first 
second 

kadar

arkasındaki neden olduğunu ben çalışma zamanına kadar ne olacağını bilmiyorum x (ne bir Dizi veya Nesne). Çalışma zamanında kontrol edecek bir işlev oluşturmak için tek seçeneğim var mı?

Answer 1

for..of loop'u kullanın.

const object = { 
    some: "string", 
    number: 42 
}; 
for (const [key, value] of Object.entries(object)) { 
    console.log(key, value); 
} 

Neyse nesnelerin üzerine diziler

const array = [1, 2]; 
array.foo = "test"; 
for (const number of array) { 
    console.log(number); // skips array.foo 
} 

Yineleme üzerinde

yineleme, bir bakış kodu stilindeki noktadan, hala üzerinde yineleme önce nesne bir dizi olup olmadığını kontrol etmelidir . Bunu elde etmek için Array.isArray'u kullanabilirsiniz.

if (Array.isArray(data)) { 
    for (const element of data) { 
     // Iterate over array 
    } 
} 
else { 
    for (const [key, value] of Object.entries(data)) { 
     // Iterate over object 
    } 
} 

Jenerik döngü JavaScript, typeof [] === "object" yılında bu yana

(yani diziler onun anahtar olarak öğenin dizinini kullanırız nesnelerdir), aşağıda belirtilen yerlere azaltabilecek: Yani data varsayarak bir nesne veya dizi olduğunu Object.entries ile tek döngü:

for (const [key, value] of Object.entries(data)) { 
    // For arrays, `key` will be the index 
} 

o ama dikkat dinamik özelliklerinin sizin dışlanma adalet yapmayacağım bu sonuncu yöntem (Örn. g. Object.entries sonucu üzerinde yinelediğiniz gibi, array.foo). numaralı belgenin bunu yapması gerekiyorsa, yukarıdaki gibi Array.isArray ile iki for..of döngüyü kullanın.

Answer 2

Sadece beklenen çıktıya göre gereksinim duyduğunuz dizin/anahtar değerleri iseniz, basit bir tek liner.

function loop(x) { 
    return (Array.isArray(x) ? x : Object.keys(x)).forEach(el => console.log(el)); 
} 

loop(x); // 1 2 
loop(y); // First Second 

DEMO