💡 Проверка нахождения значения в массиве

Обычно, чтобы проверить, находится ли значение в массиве или нет, необходимо выполнить одну из следующих операций:

var arr = ['.js', '.css', '.html'];
if (arr.indexOf('.jsx') === -1) { 
  // будет выполнено, когда значения нет 
}
if (arr.indexOf('.css') >= 0) {
  // будет выполнено, когда значение есть 
}

Нативного метода для подобных задач пока что нет. Он появится в спецификации ES2016 и будет называться includes. До того, как данный метод будет реализован, для данных целей можно использовать побитовый оператор ~ :

var arr = ['.js', '.css', '.html'];
if (!~arr.indexOf('.jsx')) { 
  // будет выполнено, когда значения нет 
}
if (~arr.indexOf('.css')) {
  // будет выполнено, когда значение есть 
}

Оператор ~ возвращает число, которое равно ~n == -(n + 1): ~1 == -(1 + 1) == -2, ~0 == -(0 + 1) == -1, -1 == -(-1 + 1) == 0, ~10 == -(10 + 1) == -11.

Подробнее о работе ~ и других побитовых операторов можно узнать в этой статье.

#советы #coding #js

🔥 Лучшее на канале за неделю

1. 8 лучших советов по улучшению продуктивности для разработчиков.

2. Hex Engine — современный 2D движок для создания браузерных игр.

3. Семантическая разметка в HTML.

📑 Объектно-ориентированный JavaScript: функции-конструкторы

Это продолжение серии статей об объектно-ориентированном JavaScript, в данной статье рассматриваем функции-конструкторы.

Вы также можете ознакомиться с предыдущими двумя статьями:

Примитивы и объекты | Работа с объектами.

#статьи #js

Выберите правильный вариант 👇🏼 #test

🛠 Geolib —  мощная географическая библиотека предлагает множество интересных методов для расчета расстояния, преобразования метрик, получения координат, работы с полигонами и многого другого. Она не имеет внешних зависимостей и очень проста в настройке.

#инструменты

💡 Всегда используйте точку с запятой

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

var someItem = 'some string'  
function doSomething() {  
  return 'something'  
}  

Но использование подобную практики потенциально может привести к гораздо более большим и что еще хуже плохо отлавливаемым проблемам.

Лучше

var someItem = 'some string';  
function doSomething() {  
  return 'something';  
}  

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

Есть языки, в которых точка с запятой необязательна и редко используется. Однако в JavaScript бывают случаи, когда перенос строки не интерпретируется, как точка с запятой, что может привести к ошибкам.

Если вы – опытный разработчик на JavaScript, то можно выбрать стиль кода без точек с запятой, например StandardJS. В ином случае, лучше будет использовать точки с запятой, чтобы избежать подводных камней. Большинство разработчиков их ставят.

#советы #coding #js

Выберите правильный вариант 👇🏼 #test

Обсудить тест и почитать объяснения можно в нашем чате @webb_chat

📑 Объектно-ориентированный JavaScript: прототипы

В прошлой статье мы начали рассматривать прототипы и выяснили, что каждый объект может использовать любые методы, которые находятся в функции-конструкторе, с помощью которой данный объект и был создан. Например, обычный массив сам по себе не имеет ни одного метода, но функция конструктор Array любезно предоставляет ему все методы из своего прототипа в использование. В этой статье подробно рассмотрим прототипы.

#статьи #js

🛠 CSS Layout — отличная шпаргалка, которая поможет вам быстро настроить популярные макеты пользовательского интерфейса и страниц. Существует также множество предварительно стилизованных элементов, таких как формы для ввода, виджеты и другие компоненты, которые вы можете быстро скопировать и использовать в своих проектах.

#инструменты #css

💡 Self-Executing Functions

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

(function doSomething() {
return {
name: 'jeff',
lastName: 'way'
};
})();

Это называется Immediately-Invoked Function Expression. Чаще используется для создания приватной области видимости. Подробнее на JavaScript Garden.

#советы #coding #js

🔥 Лучшее на канале за неделю

1. Объектно-ориентированный JavaScript: функции-конструкторы.

2. CSS Layout — отличная шпаргалка, которая поможет вам быстро настроить популярные макеты пользовательского интерфейса и страниц.

3. Self-Executing Functions.

📑 Создание favicon для сайта 2020

Что такое favicon и для чего он нужен?

Favicon – это значок (иконка), который отображается во вкладке браузера, закладках, а также в сниппетах результатов поиска.

Favicon играет важную роль в веб-приложениях. Он может улучшить внешний вид сайта в выдаче, повышает узнаваемость вашего сайта, помогает пользователю быстро найти необходимую страницу в закладках и вкладках.

#статьи

Выберите правильный вариант 👇🏼 #test

🛠 DarkModeJS —  сверхлегкая и кроссбраузерная библиотека JS, которая поможет вам реализовать темные и светлые темы. Она определяет местное время пользователя и соответствующим образом переключает внешний вид пользовательского интерфейса. Кроме того, она весит всего 2,39 КБ (1,05 КБ в сжатом виде) и написана на чистом JavaScript, без каких-либо плагинов и jQuery.

#инструменты #js

💡 Используйте [] вместо new Array()

Этот совет годится и для массивов.

Нормально

var a = new Array();  
a[0] = "Joe";  
a[1] = 'Plumber';  

Лучше

var a = ['Joe','Plumber'];  

«Распространенная ошибка в JavaSсript программах — использование объекта, где нужен массив или массива где нужен обьект. Простое правило: когда названия свойств это небольшие последовательные числа — используйте массив. В противном случае — объект» - Douglas Crockford

#советы #coding #js

Выберите правильный вариант 👇🏼 #test #js