Javascript Generic For Loop

Question

Есть ли способ создать общий цикл для цикла, который будет проходить через массив или объект правильно? Я знаю, что могу написать следующий цикл for, но он также будет прокручивать другие свойства, которые будут добавлены в массив.

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

Под этим я имею в виду цикл, который будет итерацию:

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

х как

1 
2 

у как

first 
second 

Причиной этого является то, что я не будет знать до тех пор, пока не будет (x) Массив или объект). Является ли мой единственный способ создать функцию, которая будет проверяться во время выполнения?

Answer 1

Используйте for..of loop.

Итерации по массивам

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

Перебор объектов

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

Во всяком случае, с точки кода зрения стиля, вы все равно должны проверить ваш объект, является ли массив, прежде чем перебирать над ним , Вы можете использовать Array.isArray для достижения этого. Таким образом, если предположить, data либо объект или массив:

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

Generic перекручивание

Поскольку в JavaScript, typeof [] === "object" (т.е. массивы являются объектами, которые используют индекс элемента в качестве ключа), вы можете уменьшить его одноконтурный с Object.entries:

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

Остерегайтесь, однако, что этот последний метод не будет делать справедливость вашего исключения динамических свойств (Е. г. array.foo), так как вы будете перебирать результат Object.entries. Если вам do необходимо сделать это исключение, используйте две петли for..of с Array.isArray, как показано выше.

Answer 2

Если это только значения индекса/ключа, которые вам нужны в соответствии с вашим ожидаемым выходом, вот простой однострочный.

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