Знаете ли вы, что есть фрагменты скрытых приемов JavaScript, облегчающих вашу работу? В этом блоге мы собираемся обсудить эти 10 скрытых приемов JavaScript. Итак, не теряя времени, давайте приступим.
1. Сокращение console.log
Разработчики всегда любят экономить время, но писать console.log
снова и снова иногда бывает утомительно. Но этот следующий трюк покажет вам, как минимизировать файл console.log, см. фрагмент кода ниже.
var a = console.log.bind(document) a(3*4) a("Welcome to YourQuorum") a(true)
2. Умные функции
Стрелочные функции являются одной из функций, представленных в ES6 JavaScript, и в основном используются для реализации коротких функций, а также для того, чтобы сделать код более чистым и легким для чтения по сравнению с обычными функциями. Ниже приведен пример кода для использования стрелочных функций.
// Smart Function (Arrow fun) function yourquorum(str){ console.log(str) } // Arrow Functions let yourquorum2 = (str) => { console.log(str) } yourquorum("Sign in Yourquorum") yourquorum2("Create a question")
3. Короткие условия
Вместо написания нескольких строк условного кода вы можете записать его в одну строку. Этот лайфхак покажет вам, как это сделать. Это полезно при работе в нескольких условиях одновременно.
// Short Conditions var condtion = true if(condtion) { console.log("Login Successful") } // Short condtion condtion && console.log("Login Successful")
4. Плоский многомерный массив
Этот прием поможет вам сгладить матрицы, см. фрагмент кода ниже.
//deep flatten var array = [100, [200, [300, 400, 500], 600], [700, 800,[900,[1000]]]] console.log(array.flat(Infinity)) // [100, 200, 300, 400, 500, 600, 700, 800, 900, 1000]
Вам также может понравиться : 10 самых каверзных вопросов по JavaScript, которые я задавал на собеседованиях
5. консоль.таблица()
Этот удивительный трюк поможет вам преобразовать ваши данные из формата CSV или словаря в формат электронной таблицы с помощью метода console.table().
// Console.table var data=[{"category":"Discussion"}, {"category":"Health"}, {"category":"Education"}] console.table(data)
6. Множественная замена
Мы знаем, что можем использовать метод replace() для замены слов в строке, но как насчет нескольких замененных слов в одной строке? Этот трюк поможет вам сделать это с помощью метода replace(), добавив ключевое слово /g в конце. Посмотрите на следующий код, чтобы понять его.
// Multiple Replace var data = "JavaScript is JavaScript" //Single console.log(data.replace(/JavaScript/, "TypeScript")) // TypeScript is JavaScript //Multiple console.log(data.replace(/JavaScript/g, "TypeScript")) // TypeScript is TypeScript
7. Преобразование чисел и строк
Преобразование является частью каждого языка программирования, и в JavaScript вы можете легко преобразовывать числа в строки и строки в числа. См. код ниже.
// Number to String var data1 = 200 data1 = data1 + "" console.log(data1) // 200 console.log(typeof(data1)) //String // String to number var data2 = "200" data2 =+ data2 console.log(typeof(data2)) //number
8. Бесконечный параметр в функции
Предположим, вы передали в функцию 100 аргументов и теперь у вас возникла проблема с установкой 100 параметров в реализации функции. Эта проблема решается с помощью этого трюка, который показывает вам, как использовать остаточные параметры, чтобы покрыть бесконечное определение параметров в функции.
// Infinite function parameter function fun(...data) { for(let i of data) { console.log(i) // 1 3 4 5 6 } } fun(1 ,3, 4, 5, 6)
9. Перемешайте массив
Перетасовку массивов можно легко выполнить, следуя приведенному в примере коду. В основном это удобно, когда вы работаете над каким-то игровым проектом на JavaScript и вам нужно перетасовать свой массив.
// Shuffle An Array var array = [100, 200, 300]; console.log(array.sort(function() { return Math.random() - 0.5 })); // [100, 300, 200]
10. Получить последний элемент в массиве
Этот совет. Это избавляет вас от повторения всего массива, чтобы получить последний элемент. В приведенном ниже примере кода мы используем метод среза массива с отрицательным числом -1, который берет элементы из последнего.
// Get last element of Array let array = [100, 200, 300, 400, 500] console.log(array.slice(-1)) // [500] console.log(array.slice(-2)) // [400, 500]
Часто задаваемые вопросы: