Синтаксис здесь такой: ключ, затем идет двоеточие :, а потом значение. Смотрите пример:
let obj = {
a: 1,
b: 2,
c: 3
};
console.log(obj['a']);
// выведет 1
📌 #instr || Фронтендщик
let obj = {
a: 1,
b: 2,
c: 3
};
console.log(obj['a']);
// выведет 1
📌 #instr || Фронтендщик
Есть также альтернативный синтаксис обращения к элементу объекта - через свойство.
Смотрите пример:
let obj = {
a: 1,
b: 2,
c: 3
};
console.log(obj.a); // выведет 1
📌 #instr || Фронтендщик
Смотрите пример:
let obj = {
a: 1,
b: 2,
c: 3
};
console.log(obj.a); // выведет 1
📌 #instr || Фронтендщик
JS очистить массив
Для того, чтобы очистить массив, просто присвойте ему пустые квадратные скобки. Смотрите пример:
let arr = ['a', 'b', 'c'];
arr = []; // очистим массив
console.log(arr); // выведет []
📌 #instr || Фронтендщик
Для того, чтобы очистить массив, просто присвойте ему пустые квадратные скобки. Смотрите пример:
let arr = ['a', 'b', 'c'];
arr = []; // очистим массив
console.log(arr); // выведет []
📌 #instr || Фронтендщик
JS объединить массивы
Чтобы объединить массивы в JavaScript, используйте метод concat. Смотрите пример:
let arr1 = ['a', 'b', 'c'];
let arr2 = [1, 2, 3];
let arr3 = arr1.concat(arr2);
console.log(arr3);
Результат выполнения кода:
['a', 'b', 'c', 1, 2, 3]
📌 #instr || Фронтендщик
Чтобы объединить массивы в JavaScript, используйте метод concat. Смотрите пример:
let arr1 = ['a', 'b', 'c'];
let arr2 = [1, 2, 3];
let arr3 = arr1.concat(arr2);
console.log(arr3);
Результат выполнения кода:
['a', 'b', 'c', 1, 2, 3]
📌 #instr || Фронтендщик
Также объединить массивы можно при помощи оператора spread. Смотрите пример:
let arr1 = ['a', 'b', 'c'];
let arr2 = [1, 2, 3];
let arr3 = [...arr1, ...arr2];
console.log(arr3);
📌 #instr || Фронтендщик
let arr1 = ['a', 'b', 'c'];
let arr2 = [1, 2, 3];
let arr3 = [...arr1, ...arr2];
console.log(arr3);
📌 #instr || Фронтендщик
JS сравнить даты
В JavaScript можно сравнивать объекты с датами.
Посмотрим на примере. Пусть даны два объекта с датами, которые мы создали через new Date и записали в переменные.
📌 #instr || Фронтендщик
В JavaScript можно сравнивать объекты с датами.
Посмотрим на примере. Пусть даны два объекта с датами, которые мы создали через new Date и записали в переменные.
📌 #instr || Фронтендщик
Давайте сравним, какая дата больше:
let date1 = new Date(2020,
1, 1);
let date2 = new Date(2021,
2, 3);
console.log(date1 < date2);
Результат выполнения кода:
true
📌 #instr || Фронтендщик
let date1 = new Date(2020,
1, 1);
let date2 = new Date(2021,
2, 3);
console.log(date1 < date2);
Результат выполнения кода:
true
📌 #instr || Фронтендщик
JS конкатенация сложение строк
Для конкатенации строк в JavaScript используется оператор '+'. Смотрите пример:
let str = 'a' + 'b';
console.log(str);
Результат выполнения кода:
'ab'
📌 #instr || Фронтендщик
Для конкатенации строк в JavaScript используется оператор '+'. Смотрите пример:
let str = 'a' + 'b';
console.log(str);
Результат выполнения кода:
'ab'
📌 #instr || Фронтендщик
Метод concat
Строки также можно соединять строки через метод concat. Смотрите пример:
let str = 'a';
let res = str.concat('b');
console.log(res);
Результат выполнения кода:
'ab'
📌 #instr || Фронтендщик
Строки также можно соединять строки через метод concat. Смотрите пример:
let str = 'a';
let res = str.concat('b');
console.log(res);
Результат выполнения кода:
'ab'
📌 #instr || Фронтендщик
JS преобразование в число
Чтобы перевести строку в число, используйте функцию Number.
Смотрите пример:
let str = '10';
let num = Number(str);
console.log(num);
Результат работы кода:
10
📌 #instr || Фронтендщик
Чтобы перевести строку в число, используйте функцию Number.
Смотрите пример:
let str = '10';
let num = Number(str);
console.log(num);
Результат работы кода:
10
📌 #instr || Фронтендщик
Можно также использовать оператор '+':
let str = '10';
let num = +str;
console.log(num);
Результат работы кода:
10
📌 #instr || Фронтендщик
let str = '10';
let num = +str;
console.log(num);
Результат работы кода:
10
📌 #instr || Фронтендщик
JS привести к строке
В JavaScript для преобразования элементов в строку существует метод join.
Этот метод принимает в качестве аргумента разделитель, через который и будут объединены элементы массива:
let arr = ['a', 'b',
'c', 'd', 'e'];
let str = arr.join('-');
console.log(str);
Результат выполнения
кода:
'a-b-c-d-e'
📌 #instr || Фронтендщик
В JavaScript для преобразования элементов в строку существует метод join.
Этот метод принимает в качестве аргумента разделитель, через который и будут объединены элементы массива:
let arr = ['a', 'b',
'c', 'd', 'e'];
let str = arr.join('-');
console.log(str);
Результат выполнения
кода:
'a-b-c-d-e'
📌 #instr || Фронтендщик
JS создать массив
Массив представляет собой переменную, в которой в упорядоченном виде можно хранить целый набор какие-то значений. Для создания массива используются квадратные скобки:
let arr = []; // создаем
массив arr
📌 #instr || Фронтендщик
Массив представляет собой переменную, в которой в упорядоченном виде можно хранить целый набор какие-то значений. Для создания массива используются квадратные скобки:
let arr = []; // создаем
массив arr
📌 #instr || Фронтендщик
Пока созданный массив не содержит никаких данных. Заполним его данными:
let arr = [1, 2, 3, 4, 5];
Каждое значение списка, которое мы записали в массив, называется элементоммассива.
📌 #instr || Фронтендщик
let arr = [1, 2, 3, 4, 5];
Каждое значение списка, которое мы записали в массив, называется элементоммассива.
📌 #instr || Фронтендщик
Элементы разделяются между собой запятой.
После этой запятой можно ставить пробелы, а можно и не ставить (для читаемости кода принято ставить).
Кроме чисел, в массиве можно хранить строки. Каждый элемент строки нужно брать в кавычки:
let arr = ['a', 'b',
'c', 'd', 'e'];
📌 #instr || Фронтендщик
После этой запятой можно ставить пробелы, а можно и не ставить (для читаемости кода принято ставить).
Кроме чисел, в массиве можно хранить строки. Каждый элемент строки нужно брать в кавычки:
let arr = ['a', 'b',
'c', 'd', 'e'];
📌 #instr || Фронтендщик
Краткая справка по циклам в JavaScript
Цикл while
Цикл while будет выполняться до тех пор, пока верно выражение, переданное ему параметром. Смотрите пример:
let i = 0;
while (i < 5) {
console.log(i);
i++;
}
Результат выполнения кода:
01234
📌 #instr || Фронтендщик
Цикл while
Цикл while будет выполняться до тех пор, пока верно выражение, переданное ему параметром. Смотрите пример:
let i = 0;
while (i < 5) {
console.log(i);
i++;
}
Результат выполнения кода:
01234
📌 #instr || Фронтендщик
Цикл for
Цикл for является более компактным вариантом while. Смотрите пример:
for (let i = 1; i <= 5; i++) {
console.log(i);
}
Результат выполнения кода:
12345
📌 #instr || Фронтендщик
Цикл for является более компактным вариантом while. Смотрите пример:
for (let i = 1; i <= 5; i++) {
console.log(i);
}
Результат выполнения кода:
12345
📌 #instr || Фронтендщик
Цикл for также можно использовать для перебора массива:
let arr = [1, 2, 3, 4, 5];
for (let i = 0; i <
arr.length;
i++) {
console.log(arr[i]);
}
Результат выполнения кода:
12345
📌 #instr || Фронтендщик
let arr = [1, 2, 3, 4, 5];
for (let i = 0; i <
arr.length;
i++) {
console.log(arr[i]);
}
Результат выполнения кода:
12345
📌 #instr || Фронтендщик
Цикл for-of
Цикл for-of используется для перебора массивов:
let arr = [1, 2, 3, 4, 5];
for (let elem of arr) {
console.log(elem);
}
Результат выполнения кода:
12345
📌 #instr || Фронтендщик
Цикл for-of используется для перебора массивов:
let arr = [1, 2, 3, 4, 5];
for (let elem of arr) {
console.log(elem);
}
Результат выполнения кода:
12345
📌 #instr || Фронтендщик
Метод forEach
Можно также использовать метод forEach. Смотрите пример:
let arr = [1, 2, 3, 4, 5];
arr.forEach(elem => {
console.log(elem);
});
Результат выполнения кода:
12345
📌 #instr || Фронтендщик
Можно также использовать метод forEach. Смотрите пример:
let arr = [1, 2, 3, 4, 5];
arr.forEach(elem => {
console.log(elem);
});
Результат выполнения кода:
12345
📌 #instr || Фронтендщик