улучшите свои навыки работы с 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, которые вы должны знать
заключительные мысли
я надеюсь, что вы найдете эту статью полезной и интересной для чтения, не стесняйтесь делиться своими ценными отзывами и не забудьте поделиться этой статьей с друзьями разработчиков, счастливого кодинга!
Никогда не переставайте учиться, вот ваша доза моего блога программиста Ашиша Донга, надеюсь, вам понравится, оставьте свой отзыв в разделе комментариев.