Вот краткое изложение того, что мы рассмотрели в последних нескольких главах:
Массивы
- Массивы — это способ хранения нескольких значений в одной переменной.
- Мы можем получить доступ к элементам массива, используя их индекс, и мы можем добавлять или удалять элементы, используя методы массива, такие как
push
,pop
,shift
иunshift
. - Другие полезные методы массива включают
slice
,splice
,concat
,indexOf
,sort
иforEach
.
Пример:
const myArray = [1, 2, 3]; console.log(myArray[0]); // Output: 1 myArray.push(4); console.log(myArray); // Output: [1, 2, 3, 4]
Объекты
- Объекты — это способ хранения пар ключ-значение в одной переменной.
- Мы можем получить доступ к свойствам объекта, используя запись через точку или скобки.
- Мы можем добавлять или удалять свойства, используя присваивание или
delete
. - Другие полезные методы объектов включают
Object.keys
,Object.values
,Object.entries
иObject.assign
.
Пример:
const myObject = { name: "John", age: 30 }; console.log(myObject.name); // Output: John myObject.city = "New York"; console.log(myObject); // Output: { name: "John", age: 30, city: "New York" }
Циклы
- Циклы
for
используются для повторения блока кода определенное количество раз. - Циклы
while
используются для перебора блока кода, пока условие истинно. - Мы можем выйти из цикла, используя ключевое слово
break
, и перейти к следующей итерации, используя ключевое словоcontinue
.
Пример:
for (let i = 0; i < 5; i++) { console.log(i); } // Output: 0 1 2 3 4 let i = 0; while (i < 5) { console.log(i); i++; } // Output: 0 1 2 3 4 function greet(name) { console.log(`Hello, ${name}!`); } greet("John"); // Output: Hello, John!
Функции
- Функции — это способ сгруппировать блок кода, который можно вызывать несколько раз.
- Функции могут принимать параметры и возвращать значения.
- Мы можем определять функции, используя объявления функций, функциональные выражения и стрелочные функции.
Пример:
function sum(a, b) { return a + b; } console.log(sum(2, 3)); // Output: 5 const greet = function(name) { console.log(`Hello, ${name}!`); }; greet("John"); // Output: Hello, John! const double = x => x * 2; console.log(double(3)); // Output: 6
Это всего лишь несколько основных примеров, но я надеюсь, что они помогут обобщить основные концепции, которые мы уже рассмотрели!
Вопросы викторины
Массивы
- Каков результат
["apple", "banana", "cherry"][1]
?
- A)
"apple"
- B)
"banana"
- C)
"cherry"
- D)
undefined
2. Каков результат ["apple", "banana"].push("cherry")
?
- A)
["apple", "banana"]
- B)
["apple", "banana", "cherry"]
- C)
"apple,banana,cherry"
- D)
3
3. Каков результат ["apple", "banana", "cherry"].concat(["dates", "elderberry"])
?
- A)
["apple", "banana", "cherry"]
- B)
["dates", "elderberry"]
- C)
["apple", "banana", "cherry", "dates", "elderberry"]
- D)
"apple,banana,cherry,dates,elderberry"
4. Каков результат ["apple", "banana", "cherry"].slice(1, 2)
?
- A)
["banana"]
- B)
["banana", "cherry"]
- C)
["apple", "banana"]
- D)
["cherry"]
5. Каков результат["apple", "banana", "cherry"].indexOf("banana")
?
- A)
0
- B)
1
- C)
2
- D)
-1
Объекты
- Каков результат
let person = { name: "John", age: 30 }; person.age = 40; console.log(person.age)
?
- A)
30
- B)
40
- C)
undefined
- D)
ReferenceError
2. Каков результат let person = { name: "John", age: 30 }; person.city = "New York"; console.log(person)
?
- A)
{ name: "John", age: 30 }
- B)
{ name: "John", age: 30, city: "New York" }
- C)
{ city: "New York" }
- D)
"name: John, age: 30, city: New York"
3. Каков результат let person1 = { name: "John", age: 30 }; let person2 = { name: "Jane", age: 25 }; let people = [person1, person2]; console.log(people[1].name)
?
- A)
"John"
- B)
"Jane"
- C)
30
- D)
25
4. Каков результатlet person = { name: "John", age: 30 }; delete person.age; console.log(person)
?
- A)
{ name: "John", age: 30 }
- B)
{ name: "John" }
- C)
30
- D)
undefined
Функции
- Что такое функция в JavaScript?
- А) переменная
- Б) Блок кода, который можно вызвать и выполнить позже
- C) Петля д
- Г) Объект
2. В чем разница между объявлениями функций и функциональными выражениями?
- A) Объявления функций создаются путем присвоения функции переменной, а выражения функций создаются с использованием ключевого слова function, за которым следует имя функции.
- B) Объявления функций создаются с использованием ключевого слова function, за которым следует имя функции, а выражения функций создаются путем присвоения функции переменной.
- В) разницы нет
- D) Функциональные выражения недействительны в JavaScript.
3. Каково назначение оператора return в функции?
- А) Объявить переменную
- Б) для выполнения блока кода
- C) Чтобы присвоить значение переменной
- Г) Чтобы вернуть значение из функции
4. Может ли функция иметь несколько операторов return?
- А) Да
- B) No
5. Что такое функция высшего порядка?
- А) Функция, которая принимает другую функцию в качестве аргумента или возвращает функцию в качестве результата
- Б) Функция, которая всегда возвращает логическое значение
- C) Функция, которую можно использовать только один раз
- D) Функция, которая изменяет существующую функцию
Петли
- Что такое цикл в JavaScript?
- А) переменная
- Б) Блок кода, который можно вызвать и выполнить позже
- C) Способ многократного выполнения блока кода до тех пор, пока не будет выполнено определенное условие
- Г) Объект
2. В чем разница между циклом for и циклом while?
- A) Цикл for используется для выполнения блока кода до тех пор, пока выполняется определенное условие, а цикл while используется для выполнения блока кода определенное количество раз.
- Б) Цикл for и цикл while — это одно и то же.
- C) Цикл for используется для выполнения блока кода определенное количество раз, а цикл while используется для выполнения блока кода до тех пор, пока выполняется определенное условие.
- D) Цикл for и цикл while нельзя использовать в JavaScript.
3. Какова цель оператора break в цикле?
- А) для выполнения блока кода
- Б) Чтобы пропустить текущую итерацию цикла и продолжить со следующей
- C) Чтобы выйти из цикла раньше
- D) Чтобы продолжить выполнение цикла навсегда
4. Какова цель оператора continue в цикле?
- А) Чтобы выйти из цикла раньше
- Б) Чтобы пропустить текущую итерацию цикла и продолжить со следующей
- C) Чтобы продолжить выполнение цикла навсегда
- D) Для выполнения блока кода
5. Можно ли в JavaScript вкладывать циклы друг в друга?
- А) Да
- B) No
Ответы
Массивы
- B
- B
- C
- A
- B
Объекты
- B
- B
- B
- B
Функции
- B
- B
- D
- A
- A
Петли
- C
- C
- C
- B
- A