Циклические массивы и объекты
const testArray = [‘Halo 3’, ‘Halo 4’, ‘Halo 5’];
const newArray = ['Halo 1', 'Halo 2'];
const haloArray = […newArray, …testArray];
Циклические массивы
Цикл for
Это похоже на цикл for, однако он создает цикл, который может выполнять итерацию по объектам или массивам. Простой пример приведен ниже;
for (константный элемент haloArray) {
console.log(элемент);
}
Этот цикл будет в основном проходить через haloArray и печатать каждый элемент этого массива один за другим. Однако есть более новый способ использования этого цикла for of. Тот же пример используется ниже;
for (const [элемент, элемент] из haloArray.entries())
console.log(`${item + 1} : ${element}`);
Элемент — это, по сути, позиция индекса в массиве. Мы используем +1 в журнале, потому что индекс начинается с 0. Это распечатает все элементы в массиве один за другим. Мы используем метод entry(), потому что он принимает два параметра item и element и возвращает объект Array Iterator с парой. Например (элемент: 1, элемент: «Halo 1»). Элемент используется в качестве ключа в объекте массива, в то время как элемент используется в качестве значения внутри объекта массива.
Циклические объекты
Цикл for
При использовании цикла for мы должны учитывать три метода, которые может использовать объект. Это;
Object.keys()
Метод Object.keys() в основном возвращает массив строк в числовом порядке. Пример приведен ниже;
const haloProperties = Object.keys(haloArray);
console.log(свойства);
Здесь мы использовали пример из приведенного выше примера haloArray. Этот метод возвращает длину объекта в числовом виде.
Object.values()
Метод Object.values() в основном возвращает массив значений свойств объекта в том порядке, в котором он был записан. Пример приведен ниже;
const haloValues = Object.values (haloArray);
console.log(haloValues);
Это распечатает все значения свойств в haloArray в указанном порядке.
Object.entries()
Это в основном объединит метод Object.keys() и метод Object.values() и распечатает массив в том порядке, в котором он был написан. Пример приведен ниже;
const haloEntries = Object.entries(haloArray);
console.log(haloEntries);
Это распечатает весь объект этого массива.
Используя цикл for, мы можем деструктурировать объект, указанный ниже, вынуть отдельные значения и отобразить их в строке;
константные игровые часы = {
Понедельник: {
игратьHalo: 3,
игратьПокемон: 3,
},
Вторник: {
игратьHalo: 2,
игратьПокемон: 2,
},
Среда: {
игратьHalo: 4,
игратьПокемон: 5,
},
Четверг: {
игратьHalo: 1,
игратьПокемон: 4,
},
};
Во-первых, мы поместим этот объект в переменную и вызовем метод Object.entries().
constgamingEntries = Object.entries(gamingHours);
Затем мы деструктурируем этот объект и распечатаем отдельные значения так, как мы предпочитаем, используя шаблонный литерал.
for (const [дней, { playHalo, playPokémon }] игровых записей) {
console.log(`В ${days} мы играем в Halo ${playHalo} часов, а в Pokémon – ${playPokémon} часов`);
}
Переменная days будет отображать количество дней, указанное в объектеgamingHours, а переменные playHalo и playPokémon будут отображать количество часов, указанное в объектеgamingHours.
Это отобразит следующий результат;
Переменная days будет отображать количество дней, указанное в объектеgamingHours, а переменные playHalo и playPokémon будут отображать количество часов, указанное в объектеgamingHours.