5 полезных трюков на JavaScript для новичков

В этой статье я покажу вам 5 потрясающих трюков на javascript, которые упростят вашу жизнь.

Они помогут вам стать лучшим разработчиком. Так что если вам интересно, начинаем.

Удаление дубликаты из массива

Этот трюк довольно прост. Предположим, у меня есть массив, содержащий числа, строки и логические значения. И я хочу убедиться, что в этом массиве нет повторяющихся элементов. Как это сделать?

const array = [1, 2, 3, 2, 1, true, true, false, 'Ratul', 1, 5];
const filtered__array = [...new Set(array)];
console.log(filtered__array) // [ 1, 2, 3, true, false, 'Ratul', 5 ]

Превращяем десятичное число в целое

Это довольно простой трюк.

const number = 23.6565
console.log(number | 0);

Получение последнего значения массива

Предположим, у вас есть массив. Что нам делать, если мы хотим получить последний элемент этого массива?

const array = [1, 2, 3, 4, 5]
const last_Item = array.slice(-1)
console.log(last_Item)

Если вы поставите -2 вместо -1, то получите два последних значения массива, а затем, если вы укажете -3 вместо -2, то получите значения трех последних индексов и так далее.

Получение случайного значения индекса из массива

Предположим, мы проводим лотерею. У нас есть массив, содержащий имена участников.

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

const participants = ['Ratul', 'George', 'july', 'Padrik', 'G']
const winner = participants[Math.floor(Math.random() * participants.length)]
console.log(winner) // july

Обнаружение самого длинного слова в массиве

Создайте массив и добавьте несколько разных строк. Теперь выведите самую длинную строку этого массива.

const array = ['Apple', 'Pine-apple', 'Banana', 'Jack-fruit']

let most_lengthy_string = ''
array.forEach((item) => {
  if (item.length > most_lengthy_string.length) {
    most_lengthy_string = item
  }
})
console.log(most_lengthy_string)

Довольно простой подход. Во-первых, у нас есть массив, содержащий несколько строк. И после этого я создал переменную, содержащую пустую строку.

Теперь, чтобы обнаружить самую длинную строку в этом массиве, мне нужно посмотреть все элементы массива.

Если длина элемента массива больше, чем длина нашей переменной most_lengthy_string, то мы переназначаем значение переменной, и, в конце концов, выводим найденную переменную.

Еще один вариант предложенный пользователем сайта для определения самого длинного слова в массиве:

const mostLengthy = someArray
    .reduce((acc, i) =>
        i.length > acc.length
             ? i
             : acc
)

Как вам такой вариант? Если что – пишите в комментариях.

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