12 профессиональных сниппетов javascript для решения повседневных проблем😎😎😎

улучшите свои навыки работы с javascript с помощью этих профессиональных сниппет-кодов

в этом посте я поделюсь 12 кодами javascript snippet для решения ваших повседневных проблем. это будет ваш набор инструментов, который вы сможете свободно использовать в своих javascript-проектах.

1. Поиск объекта в массиве

Вы можете найти объект в массиве, используя метод js find(). Ниже приведен пример кода сниппета

// search object in array
let data = [
    {name:"pizza",salary:60000},
    {name:"burger",salary:30000},
    {name:"sweet",salary:20000}
]

let emp = data.find(data => data.name === 'pizza')
console.log(emp)
Вход в полноэкранный режим Выход из полноэкранного режима
//output
{
    name:"pizza",
    salary:60000
}
Войти в полноэкранный режим Выйти из полноэкранного режима

2. Обратный ход строки

Этот фрагмент кода покажет вам, как развернуть строку без использования цикла

var reverse = (data) => {
    return 
    data.split("").reverse().join("");
}

console.log(reverse('CoderBoy'))
console.log(reverse('Medium'))
Войти в полноэкранный режим Выйти из полноэкранного режима

3. объединение списков

Теперь вам не нужно использовать функции и циклы, чтобы объединить множество списков в один. вы можете использовать встроенный в js метод concat(). посмотрите пример кода ниже.

let arr1 = [10,20,30]
let arr2 = [40,50]
var arr = arr1.concat(arr2)
console.log(arr) // [10,20,30,40,50]
Вход в полноэкранный режим Выход из полноэкранного режима

4. перехват щелчка правой кнопкой мыши

Этот простой фрагмент кода перехватывает нажатие правой кнопки мыши в веб-браузере.

window.oncontextmenu = () => {
    console.log("right click i pressed!")
}
Вход в полноэкранный режим Выход из полноэкранного режима

5. интеллектуальная фильтрация данных

Фильтруйте данные с помощью встроенного метода фильтрации javascript. Это удобно, когда у вас есть большое количество данных в форме и вы хотите отфильтровать некоторые элементы из них.

var data = ["football","soccer","cricket","basketball","hockey"]
var filterd_data = data.filter(data => data.length < 8)
console.log(filterd_data)
Войти в полноэкранный режим Выход из полноэкранного режима

6. зацикливание ключей и значений

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

let data = { javascript:1, Dart:2, Java:3};
Object.keys(data).forEach((key,values) => {
    console.log(keys,values)
})

Вход в полноэкранный режим Выход из полноэкранного режима
//output 
javascript 1
Dart 2
Java 3
Войти в полноэкранный режим Выйти из полноэкранного режима

7. найти индекс элемента массива

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

var num = [9,8,4,2,8,0,3,8]
num.sort()
console.log(num)
Вход в полноэкранный режим Выйти из полноэкранного режима

8. проверка строки на заглавный регистр

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

const checkUpper = string => string === string.toUpperCase();
console.log(checkUpper("Hello")) // false
console.log(checkUpper("LEARN")) // true
Войти в полноэкранный режим Выйти из полноэкранного режима

9. встроенная сортировка

Сортировка — это общая проблема каждого языка программирования. в javascript вы можете использовать метод sort() для сортировки любого списка элементов.

var num = [9,8,4,2,8,0,3,8]
num.sort()
console.log(num)
Войти в полноэкранный режим Выйти из полноэкранного режима

10. обработка ошибок в js

Ошибки — это всегда головная боль в программировании. чтобы справиться с ошибками в javascript, вы можете использовать метод try/catch. посмотрите приведенный ниже синтаксис.

//error handling
try{
    //code block to try
}
catch{
    //code block to handle error
}
finally{
    //code block to be executed regardless of the try and catch results
}
Войти в полноэкранный режим Выйти из полноэкранного режима

11. Уничтожение присваивания

Вы можете использовать метод разрушения для распаковки значений массива и присвоения их другим переменным. посмотрите приведенный ниже код примера

let data = ["haider","22","50000","web developer"]
let [name,age,salary,profession] = data
console.log(name,age,salary,profession)
Войти в полноэкранный режим Выйти из полноэкранного режима

12. нарезка массива

Это еще один фрагмент кода, который нарежет ваш массив на кусочки без использования цикла. синтаксис для slice — slice(startIndex,endIndex)

let array = [10,12,13,14,15,16]
console.array(array.slice(0,3))//[10,12,13]
console.array(array.slice(0,2))//[10,12]
Вход в полноэкранный режим Выход из полноэкранного режима

В чем разница между undefined & null в javascript

Топ-7 лучших алгоритмов для улучшения навыков JavaScript

7 убийственных односложных фраз JavaScript, которые вы должны знать

заключительные мысли

я надеюсь, что вы найдете эту статью полезной и интересной для чтения, не стесняйтесь делиться своими ценными отзывами и не забудьте поделиться этой статьей с друзьями разработчиков, счастливого кодинга!

Никогда не переставайте учиться, вот ваша доза моего блога программиста Ашиша Донга, надеюсь, вам понравится, оставьте свой отзыв в разделе комментариев.

Оцените статью
Procodings.ru
Добавить комментарий