Основные концепции:

1. Использование for...of и for...in циклов
2. Различия между Set() и Array, Map() и Objects и Set() и Карта()

1. Использование циклов for...of и for...in

Циклы — это фундаментальная концепция программирования, позволяющая выполнять блок кода несколько раз. В JavaScript for...of и for...in — два часто используемых цикла, но они служат разным целям. Понимание различий может помочь вам писать более эффективный и действенный код.

1.1 для... цикла

Цикл for...of используется для перебора повторяемых объектов, таких как массивы, строки, карты и множества. Он обеспечивает простой способ доступа к каждому значению в последовательности, не беспокоясь об индексе.

например.)

let teams = ['Red Sox', 'Dodgers', 'Padres']; 

for (let team of teams) {
   console.log(team);
}

// Output: 
// Read Sox
// Dodgers
// Padres

В этом примере for...of напрямую обращается к каждому элементу (команде) в массиве Teams и записывает его в консоль. Этот цикл идеален, когда вам нужны только значения, а не индексы.

1-2. для... в цикле

Цикл for...in, с другой стороны, используется для перебора свойств (ключей) объекта. Его часто используют с объектами, но его также можно использовать с массивами для доступа к индексам.

например.)

let Mariners = {place: 'Seattle', league: 'American', color: 'navy blue'}; 

for (let key in Mariners) {
   console.log(`${key}: ${Mariners[key]}`); 
}

// Output: 
// place: Seattle
// league: American
// color: navy blue

В этом примере for...in перебирает ключи объекта Mariners, позволяя получить доступ как к ключу, так и к соответствующему значению. Важно отметить, что for...in следует использовать с массивами с осторожностью, поскольку он перебирает все перечислимые свойства, а не только числовые индексы.

1-3. Ключевые различия

• Цель:
  • for...of: перебирает значения итерируемого объекта (массивы, строки, наборы, карты).
  • for...in: перебирает перечисляемые свойства (ключи) объекта.
• Случай использования:
  • Используйте для... или когда вам нужен прямой доступ к значениям.
  • Используйте for...in, когда вам нужно получить доступ к ключам или именам свойств.

2. Различия между Set() и массивом, Map() и объектами, а также Set() и `Map()

JavaScript предоставляет множество структур данных, каждая из которых имеет свои сильные и слабые стороны. Я исследовал различия между некоторыми из наиболее часто используемых:

2-1. Set() против массива

• Уникальность:
  • Set() хранит уникальные значения, что означает, что дубликаты не допускаются.
  • Массив допускает дублирование значений.
• Заказ:
  • Set() повторяет порядок вставки.
  • Массив также сохраняет порядок вставки, но дубликаты могут изменить способ взаимодействия с ним.

например)

`

let mySet = new Set([1, 2, 3, 3, 4]);
пусть myArray = [1, 2, 3, 3, 4];

console.log(mySet) // Вывод: Set { 1, 2, 3, 4 }
console.log(myArray) // Вывод: [1, 2, 3, 3, 4]

`

В этом примере Set() автоматически удаляет дубликаты 3, а Array сохраняет их. Set() полезен, когда вам нужна коллекция уникальных элементов.

2-2. Карта() против объекта

• Типы клавиш:

  • Map(): ключи могут быть любого типа, включая объекты, функции и примитивные типы.
  • Объект: ключи обычно представляют собой строки или символы.

• Заказ:

  • Map() сохраняет порядок вставки.
  • Объект не гарантирует порядок ключей.

• Размер:

  • Map() имеет свойство size, которое определяет количество пар ключ-значение.
  • Объект требует ручного определения размера путем перебора ключей.

например.)

`
let myMap = новая карта();
myMap.set('имя', 'Джон');
myMap.set(42, 'Ответ');
myMap.set({}, 'Пустой объект');

let myObject = {
имя: 'Джон',
42: «Ответ»,
{}: 'Пустой объект'
};

console.log(myMap.size); // Вывод: 3
console.log(Object.keys(myObject).length); // Вывод: 2 (из-за преобразования ключевой строки)
`
В этом примере Map() позволяет использовать различные типы ключей, а ключи объекта преобразуются в строки. Кроме того, Map() легко определяет размер карты, тогда как для объектов вам нужно вручную подсчитывать ключи.

2-3. Set() против Map()

• Цель:
  • Set() — это коллекция уникальных значений.
  • Map() — это набор пар ключ-значение.
• Случай использования:
  • Используйте Set(), когда вам нужно сохранить список уникальных элементов.
  • Используйте Map(), когда вам нужно связать значения с ключами.

например.)

`
let mySet = new Set([1, 2,3]);
let myMap = new Map([['key1', 'value1'], ['key2', 'value2']]);

console.log(mySet.has(2)); // Вывод: true
console.log(myMap.get('key1')); // Вывод: 'value'1
`
В этом примере Set() используется для проверки существования значения, а Map() используется для получения значения, связанного с ключом.