Фронтендщик
1.25K subscribers
2.41K photos
3 videos
1 file
2.24K links
Все для frontend developer, шуточки, тесты, статьи

Администрация/Реклама @vtopua
Download Telegram
Синтаксис здесь такой: ключ, затем идет двоеточие :, а потом значение. Смотрите пример:

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 || Фронтендщик
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 || Фронтендщик
Также объединить массивы можно при помощи оператора spread. Смотрите пример:

let arr1 = ['a', 'b', 'c'];
let arr2 = [1, 2, 3];

let arr3 = [...arr1, ...arr2];
console.log(arr3);

📌 #instr || Фронтендщик
JS сравнить даты

В JavaScript можно сравнивать объекты с датами.

Посмотрим на примере. Пусть даны два объекта с датами, которые мы создали через new Date и записали в переменные.

📌 #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 || Фронтендщик
Метод concat

Строки также можно соединять строки через метод 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 || Фронтендщик
Можно также использовать оператор '+':

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 || Фронтендщик
JS создать массив

Массив представляет собой переменную, в которой в упорядоченном виде можно хранить целый набор какие-то значений. Для создания массива используются квадратные скобки:

let arr = []; // создаем
массив arr 

📌 #instr || Фронтендщик
Пока созданный массив не содержит никаких данных. Заполним его данными:

let arr = [1, 2, 3, 4, 5];

Каждое значение списка, которое мы записали в массив, называется элементоммассива.

📌 #instr || Фронтендщик
Элементы разделяются между собой запятой.

После этой запятой можно ставить пробелы, а можно и не ставить (для читаемости кода принято ставить).

Кроме чисел, в массиве можно хранить строки. Каждый элемент строки нужно брать в кавычки:

let arr = ['a', 'b',
'c', 'd', 'e']; 

📌 #instr || Фронтендщик
Краткая справка по циклам в JavaScript

Цикл 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 также можно использовать для перебора массива:

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 || Фронтендщик
Метод forEach

Можно также использовать метод forEach. Смотрите пример:

let arr = [1, 2, 3, 4, 5];

arr.forEach(elem => {
console.log(elem);
});

Результат выполнения кода:

12345

📌 #instr || Фронтендщик