JavaScript и jQuery / JavaScript: Советы и рекомендации

Заметка создана: 01 февраля 2025 г.

Оператор !!

Чтобы проверить, является ли значение истинным или !! operatorложным, вы можете вызвать этот оператор double not или not not.

console.log(!! 0) // output: false
console.log(!! 1) // output: true

console.log(Boolean(1)) // output: true
console.log(Boolean(0)) // output: false

Конвертировать string → number

Преобразование строки в число

const string = '101'

console.log(+string) // output: 101
console.log(Number(string)) // output: 101

Обратный метод reverse()

Используйте обратный метод для изменения порядка элементов массива обратите внимание, что обратный метод изменяет исходный массив.

const numbers = ['1', '2', '3']

console.log(numbers.reverse()) // output: [ "3", "2", "1" ]

Математические функции Math.min & max

Найдите минимальные или максимальные значения из массива с помощью функции Math.min & Math.max.

const numbers = [1, 2 ,3, 4, 5]

console.log(Math.min(...numbers)) // output: 1

console.log(Math.max(...numbers)) // output: 5

Объединить массивы

Используйте оператор spread для объединения массивов.

const fruits = ['🍎', '🍌']

const vegetables = ['🥔', '🥕']

const food = [...fruits, ...vegetables]

console.log(food) // output: [ "🍎", "🍌" , "🥔", "🥕" ]

Ложные значения

В javascript есть девять ложных значений.

undefined , null , NaN , 0 , 0n (BigInt 0), -0 ""(empty string),false,document.all

Тернарный оператор

Тернарный оператор позволяет писать оператор if...else более компактно.

let number = 1

if (number == 1) {
console.log('number is one')
} else {
console.log('number is not one')
}

// Syntax: condition ? exprIfTrue : exprIfFalse (MDN)


console.log(number === 1 ? "number is one" : "number is not one");

Удалить дубли в массиве

const fruits = ['🍎', '🍊', '🍎', '🍊']

// Method 1:
const filteredFruits = Array.from(new Set(fruits))
console.log(filteredFruits) // output: Array [ "🍎", "🍊" ]

// Method 2:
const filteredFruits = [...new Set(fruits)]
console.log(filteredFruits) // output: Array [ "🍎", "🍊" ]

Метод map()

Попробуйте использовать метод map если вы хотите манипулировать элементами массива метод map выполняет данную функцию для каждого элемента массива и возвращает новый массив на основе исходного массива

const numbers = [1, 2, 3, 4, 5]

const mapedNumbers = numbers.map(element => element + 1)

console.log(mapedNumbers) // output: [2, 3, 4, 5, 6]

Метод includes()

Чтобы проверить, содержит ли массив определенное значение или нет, используйте метод includes.

const hearts = ['🧡', '💙', '🤍']

console.log(hearts.includes('🧡')) // output: true

console.log(hearts.includes('❤️')) // output: false

Метод filter()

фильтр массивов на основе условий Метод фильтра принимает функцию в качестве аргумента и выполняет эту функцию для каждого элемента массива и возвращает новый массив.

const numbers = [1, 5, 6, 7, 4]

const filteredArray = numbers.filter(element => element > 4)

console.log(filteredArray) // output: [ 5, 6, 7 ]

Кнопка прокрутки вверх

const button = document.querySelector('button')

button.addEventListener('click', function () {
window.scrollTo(0,0)
})

Javascript