Найти Π² Π”Π·Π΅Π½Π΅
ΠšΠΎΠ΄ΠΎΠ²Ρ‹Π΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ

🧩 JavaScript ΠžΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹: Π Π°Π·Π±ΠΈΡ€Π°Π΅ΠΌ "Π›Π΅Π³ΠΎ"-ΠΊΡƒΠ±ΠΈΠΊΠΈ ΠΊΠΎΠ΄Π° ΠΏΠΎ ΠΊΠΈΡ€ΠΏΠΈΡ‡ΠΈΠΊΠ°ΠΌ

ΠŸΡ€ΠΈΠ²Π΅Ρ‚, Π±ΡƒΠ΄ΡƒΡ‰ΠΈΠΉ JS-ниндзя! πŸ‘‹ Π”Π°Π²Π°ΠΉ разбСрёмся с ΠΎΠ΄Π½ΠΎΠΉ ΠΈΠ· самых ΠΊΡ€ΡƒΡ‚Ρ‹Ρ… Ρ„ΠΈΡˆΠ΅ΠΊ JavaScript β€” ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°ΠΌΠΈ. Π­Ρ‚ΠΎ ΠΊΠ°ΠΊ ΡˆΠ²Π΅ΠΉΡ†Π°Ρ€ΡΠΊΠΈΠΉ Π½ΠΎΠΆ Π² Ρ‚Π²ΠΎΡ‘ΠΌ ΠΊΠΎΠ΄Π΅: ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½ΠΎ, ΡƒΠ΄ΠΎΠ±Π½ΠΎ ΠΈ ΠΌΠΎΡ‰Π½ΠΎ! πŸ”₯ ΠŸΡ€Π΅Π΄ΡΡ‚Π°Π²ΡŒ, Ρ‡Ρ‚ΠΎ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ β€” это ΠΊΠΎΡ€ΠΎΠ±ΠΊΠ° с Π½Π°ΠΊΠ»Π΅ΠΉΠΊΠ°ΠΌΠΈ. КаТдая Π½Π°ΠΊΠ»Π΅ΠΉΠΊΠ° (свойство) ΠΈΠΌΠ΅Π΅Ρ‚ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ (ΠΊΠ»ΡŽΡ‡) ΠΈ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅. А Π΅Ρ‰Ρ‘ Π² ΠΊΠΎΡ€ΠΎΠ±ΠΊΠ΅ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ инструмСнты (ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹), ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π΄Π΅Π»Π°ΡŽΡ‚ с этими Π½Π°ΠΊΠ»Π΅ΠΉΠΊΠ°ΠΌΠΈ. 2️⃣ ΠšΠΎΠ½ΡΡ‚Ρ€ΡƒΠΊΡ‚ΠΎΡ€ (ΠΊΠ°ΠΊ Ρ„Π°Π±Ρ€ΠΈΠΊΠ° ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ²) 3️⃣ ΠšΠ»Π°ΡΡΡ‹ (соврСмСнный ΡΡ‚ΠΈΠ»ΡŒ) Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠ² ВстроСнныС ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ 2. Для слоТных ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² примСняй классы 3. НС Π·Π°Π±Ρ‹Π²Π°ΠΉ ΠΏΡ€ΠΎ Object.keys(), Object.values() для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°ΠΌΠΈ 4. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉ spread-ΠΎΠΏΠ΅Ρ€Π°Ρ‚ΠΎΡ€ для копирования: ΠŸΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ "Π‘ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ°" с: ΠžΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ β€” это супСрсила JavaScript! 🦸 Освоив ΠΈΡ…, Ρ‚Ρ‹ смоТСшь ΠΏΠΈΡΠ°Ρ‚ΡŒ чистый, структурированный ΠΈ ΠΌΠΎΡ‰Π½Ρ‹ΠΉ ΠΊΠΎΠ΄. А ΠΊΠ°ΠΊ Ρ‚Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΡˆΡŒ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ Π² своих ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°Ρ…? Π”Π΅Π»ΠΈΡΡŒ Π² коммСнтариях! πŸ‘‡πŸ˜Š
ОглавлСниС

ΠŸΡ€ΠΈΠ²Π΅Ρ‚, Π±ΡƒΠ΄ΡƒΡ‰ΠΈΠΉ JS-ниндзя! πŸ‘‹ Π”Π°Π²Π°ΠΉ разбСрёмся с ΠΎΠ΄Π½ΠΎΠΉ ΠΈΠ· самых ΠΊΡ€ΡƒΡ‚Ρ‹Ρ… Ρ„ΠΈΡˆΠ΅ΠΊ JavaScript β€” ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°ΠΌΠΈ. Π­Ρ‚ΠΎ ΠΊΠ°ΠΊ ΡˆΠ²Π΅ΠΉΡ†Π°Ρ€ΡΠΊΠΈΠΉ Π½ΠΎΠΆ Π² Ρ‚Π²ΠΎΡ‘ΠΌ ΠΊΠΎΠ΄Π΅: ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½ΠΎ, ΡƒΠ΄ΠΎΠ±Π½ΠΎ ΠΈ ΠΌΠΎΡ‰Π½ΠΎ! πŸ”₯

🧐 Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹?

ΠŸΡ€Π΅Π΄ΡΡ‚Π°Π²ΡŒ, Ρ‡Ρ‚ΠΎ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ β€” это ΠΊΠΎΡ€ΠΎΠ±ΠΊΠ° с Π½Π°ΠΊΠ»Π΅ΠΉΠΊΠ°ΠΌΠΈ. КаТдая Π½Π°ΠΊΠ»Π΅ΠΉΠΊΠ° (свойство) ΠΈΠΌΠ΅Π΅Ρ‚ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ (ΠΊΠ»ΡŽΡ‡) ΠΈ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅. А Π΅Ρ‰Ρ‘ Π² ΠΊΠΎΡ€ΠΎΠ±ΠΊΠ΅ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ инструмСнты (ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹), ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π΄Π΅Π»Π°ΡŽΡ‚ с этими Π½Π°ΠΊΠ»Π΅ΠΉΠΊΠ°ΠΌΠΈ.

-2

πŸ› οΈ 3 способа создания ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ²

1️⃣ Π›ΠΈΡ‚Π΅Ρ€Π°Π» ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° (ΠΏΡ€ΠΎΡ‰Π΅ Π½Π΅ΠΊΡƒΠ΄Π°)

-3

2️⃣ ΠšΠΎΠ½ΡΡ‚Ρ€ΡƒΠΊΡ‚ΠΎΡ€ (ΠΊΠ°ΠΊ Ρ„Π°Π±Ρ€ΠΈΠΊΠ° ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ²)

-4

3️⃣ ΠšΠ»Π°ΡΡΡ‹ (соврСмСнный ΡΡ‚ΠΈΠ»ΡŒ)

-5

πŸ’‘ Π—Π°Ρ‡Π΅ΠΌ Π½ΡƒΠΆΠ½Ρ‹ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹?

  • Π“Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²ΠΊΠ° Π΄Π°Π½Π½Ρ‹Ρ… β€” Ρ…Ρ€Π°Π½ΠΈΠΌ всё ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ Π² ΠΎΠ΄Π½ΠΎΠΌ мСстС
  • Π‘Ρ‚Ρ€ΡƒΠΊΡ‚ΡƒΡ€ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π° β€” ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ рядом с Π΄Π°Π½Π½Ρ‹ΠΌΠΈ
  • ΠœΠΎΠ΄Π΅Π»ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ ΠΌΠΈΡ€Π° β€” машина, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ, Ρ‚ΠΎΠ²Π°Ρ€

πŸ”₯ ΠŸΠΎΠ»Π΅Π·Π½Ρ‹Π΅ Ρ„ΠΈΡˆΠΊΠΈ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ²

Доступ ΠΊ свойствам

-6

Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠ²

-7

ВстроСнныС ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹

-8

πŸš€ ΠŸΡ€ΠΈΠΌΠ΅Ρ€: ΠΊΠΎΡ€Π·ΠΈΠ½Π° ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½Π°

-9

πŸ’Ž Π‘ΠΎΠ²Π΅Ρ‚Ρ‹ профСссионалов

  1. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉ Π΄Π΅ΡΡ‚Ρ€ΡƒΠΊΡ‚ΡƒΡ€ΠΈΠ·Π°Ρ†ΠΈΡŽ для удобства:
-10

2. Для слоТных ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² примСняй классы

3. НС Π·Π°Π±Ρ‹Π²Π°ΠΉ ΠΏΡ€ΠΎ Object.keys(), Object.values() для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°ΠΌΠΈ

4. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉ spread-ΠΎΠΏΠ΅Ρ€Π°Ρ‚ΠΎΡ€ для копирования:

-11

πŸ€” Как ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ знания?

ΠŸΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ "Π‘ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ°" с:

  • Бвойствами: список ΠΊΠ½ΠΈΠ³, количСство Ρ‡ΠΈΡ‚Π°Ρ‚Π΅Π»Π΅ΠΉ
  • ΠœΠ΅Ρ‚ΠΎΠ΄Π°ΠΌΠΈ: Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ½ΠΈΠ³Ρƒ, Π²Ρ‹Π΄Π°Ρ‚ΡŒ ΠΊΠ½ΠΈΠ³Ρƒ Ρ‡ΠΈΡ‚Π°Ρ‚Π΅Π»ΡŽ

ΠžΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ β€” это супСрсила JavaScript! 🦸 Освоив ΠΈΡ…, Ρ‚Ρ‹ смоТСшь ΠΏΠΈΡΠ°Ρ‚ΡŒ чистый, структурированный ΠΈ ΠΌΠΎΡ‰Π½Ρ‹ΠΉ ΠΊΠΎΠ΄.

А ΠΊΠ°ΠΊ Ρ‚Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΡˆΡŒ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ Π² своих ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°Ρ…? Π”Π΅Π»ΠΈΡΡŒ Π² коммСнтариях! πŸ‘‡πŸ˜Š