Category: EcmaScript 6

30
Июн
2020

Присваивание свойствам объекта значения по порядку

Всем привет, помогите кто может не могу никак понять как правильно сделать есть объект, к примеру
{field1: ‘string1’, field2: null, field3: ‘string3’, field4: null, field5: null, field6: ‘string6’}

подскажите плиз каким образом его можно…

30
Июн
2020

Функция принимает массив, как вернуть html?

Делаю свой TODO лист. Пытаюсь сделать, чтобы класс ItemTemplate принимал в себя массив и возвращал html элементы в соответствии с количеством ввода в input, содержащий в себе введенный в input текст и сгенерированный data-атрибут

const…

29
Июн
2020

Некорректная работа import/export js

Собираю скрипты webpack’ом, использую модули. Давно не писал код и некоторые моменты подзабыл. Раньше делал вот так в модулях: function clock() { // code } module.exports = clock; и вот так в index.js: $(function() { let clock = require(‘….

05
Июн
2020

Задание поля класса

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

class GameObject{
addComponent(name, component){
this.name = compone…

24
Май
2020

Не получается изменять значение в state (reactJS)

Пытаюсь создать корзину покупетеля, при нажатии на кнопку Add to cart, объект добавляется в корзину(state.cart) при повторном нажатии на тот же товар изменяется количество в корзине, не получается при нажатии на кнопки +/-, увеличить/умень…

24
Май
2020

Сравнение элемента массива и this.state

Все привет. Возникла проблема сравнения значений. У меня есть заполненный массив, у которого есть элемент в котором есть свойство value. По клику передаю в обработчик события,который находится в родительском компоненте, это свойство value…

09
Май
2020

Получить из объекта нужные поля

Как можно сократить такой код JS:

// есть некоторый массив с объектами
var fruits = [{
id: …,
name: …,
type: …,
// other fields
}];

// нужно получить массив с подготовленными объектами,
// где содержатся только нуж…

30
Апр
2020

Выкатывающийся хедер при скролле вверх

У меня есть страничка, в ней хедер (шапка сайта).
Как сделать, чтобы при загрузке страницы шапка была не видна, а при скролле вверх, она появлялась? Т.е. создавался эффект “выкатывания” шапки

30
Апр
2020

Выкатывающийся хедер при скролле вверх

У меня есть страничка, в ней хедер (шапка сайта).
Как сделать, чтобы при загрузке страницы шапка была не видна, а при скролле вверх, она появлялась? Т.е. создавался эффект “выкатывания” шапки

17
Апр
2020

Есть ли смысл в IIFE? Нельзя ли их заменить анонимными блочными областями?

Не могу не испытывать отвращение к IIFE (Immediately Invoked Function Expression). Если не брать в расчет модули, можно ли отказаться от них в пользу анонимных блочных областей? В чем принципиальная разница между ними?

Пример IIFE:

v…

09
Апр
2020

Как работе for c let?

Если написать вот так:

for (let i = 0; i < 3; ++i) {
setTimeout(() => console.log(i), 1000);
}

То будет выведено 0, 1, 2 , а не 3, 3, 3, как в случаи с var. Исходя из результатов этого примера, видно, что для каждой …

31
Мар
2020

какую нагрузку несет в себе import?

Есть определенное веб-приложение, которое написано как множество модулей связаны между собой. Вроде бы удобно, но вопрос возник, какую себе несет нагрузка import, если ранее этот модуль уже был загружен в другом модуле.
P.S. Выходит так, ч…

24
Мар
2020

Подскажите как правильно переписать часть кода с Jquery на JS по ES6?

Всем привет, подскажите пожалуйста как правильно переписать часть кода с Jquery на JS по ES6?

вот участок с которым возникла сложность. Буду рад совету по остальному коду если вдруг там что не так

$(“<span class=\”pip\”>” +
“&…

22
Мар
2020

Как дождаться значения переменной в одном потоке из другого потока?

Использую node.js и puppeteer для автоматизированного вэб-скрейпинга открытых данных.

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

11
Мар
2020

JS как получить данные при вызове генератора с асинхронной функцией

Изучаю JS генераторы.

https://codepen.io/ulibka68/pen/wvapYpz

Внутри генератора стоит вызов асинхронной функции fetch.
Пока результат выполнения fetch удается получить только в этой строке:

if (nextResult.done) {
console.log(‘next…

09
Мар
2020

Не работает import в javascript

Я установил пакет через npm как обычно (npm install jquery например). Попытался импортировать пакет:

script.js

import jquery from ‘./jquery’;

(импорт показан примерный, я мог забыть как правильно импортировать именно jquery)

Так вот д…

08
Мар
2020

Как работают аргументы функции reduce()?

Снизу вы увидите пример обыкновенной функции, которая описана с помощью метода reduce(). Объясните пожалуйста как она работает, как она записывает данные в переменную. Не могу разобраться.

const composition = [1, 2, 3, 4, 5].reduce((acc…

06
Мар
2020

Как объединить два массива в один у которых ключи id и user_id с одинаковыми значениями в js?

Подскажите пожалуйста как решить.

есть “большой” массив в котором user_id повторяются:

[
{ “user_id”: 1, “page_views”: 7, “clicks”: 5 },
{ “user_id”: 5, “page_views”: 6, “clicks”: 3 },
{ “user_id”: 9, “page_views”: 4, “clicks”: 7 },

10
Фев
2020

Найти совпадающие значения в N массивах Javascript

Допустим есть N массивов чисел, какие то могут быть совсем пустые, какие то длинной порядка 10-20 элементов. Как найти общие элементы для всех этих массивов?

Пример данных:

a = [ { id: 1, assetStr: ‘hello’}, { id:2, assetStr: ‘cat’}, ]; …

07
Фев
2019

Как произвести удаление дублей массива в ES6

От автора: вот три способа отфильтровать дубликаты из массива и вернуть только уникальные значения. Мой любимый — с использованием Set. Он быстрее и проще всего позволяет произвести удаление дубликатов в массиве. 1. Использование Set Позвольте мне начать с объяснения того, что представляет собой Set: Set — это новый объект данных, представленный в ES6. Так как […]