const steps = Object.entries(answers).reduce((acc, [ key, val ]) => {
const question = questions.find(n => n.key === key);
const step = acc[val.step] = acc[val.step] || [];
step.push({
step: val.step,
question: { ...question.question },
answer: question.answer.values instanceof Object
? question.answer.values[val.answer].en
: val.answer,
});
return acc;
}, {});
const arr = JSON.parse(localStorage.getItem('arr')) || [];
arr.push(1, 2, 3);
localStorage.setItem('arr', JSON.stringify(arr));
const lowered = str.toLowerCase();
const filtered = [];
for (const n of data) {
if (!n.name.toLowerCase().indexOf(lowered)) {
filtered.push(n);
}
}const filtered = data.filter(function(n) {
return n.name.toLowerCase().startsWith(this);
}, str.toLowerCase());const filtered = (function get(reg, i, n = data[i]) {
return n
? [].concat(reg.test(n.name) ? n : [], get(reg, -~i))
: [];
})(RegExp(`^${str}`, 'i'), 0);
чтобы числа повторялись не более двух раз
$(document).on({
focus() {
$(this).addClass('active-amount-input');
},
blur() {
$(this).removeClass('active-amount-input');
},
}, '.amount, .amount_1');$(document).on('focusin focusout', '.amount, .amount_1', e => {
$(e.currentTarget).toggleClass('active-amount-input', e.type === 'focusin');
});
const unique = (arr, keys) =>
arr.filter((n, i, a) => i === a.findIndex(m => keys.every(k => n[k] === m[k])));const pick = (obj, keys) =>
keys.reduce((acc, k) => (acc[k] = obj[k], acc), {});const keys = [ 'type', 'date' ];
const uniqueDocs = unique(docs, keys).map(n => pick(n, keys));
$('.shop-ellement-sidebar').on('click', function(e) {
if ($(e.target).closest('.element-sidebar_content').length) {
return;
}
// дальше проверка наличия класса active и т.д. - без изменений.element-sidebar_content:$('.element-sidebar_content').click(function(e) {
e.stopPropagation();
});
Исправил синтаксические ошибки.
if или условие лишнее:} else (date.getDay() == 0) {} else (a < 1) {: после ?:this.updateTime.getMonth() > 9 ? : '0'renderItems стоит лишняя фигурная скобка, а после метода createPeriod такой скобки не хватает.input.onchange:this.input.onChange = this.onChange;date или data? Вы бы определились:class dateInput {class dateRange extends dataInput {dateRange отсутствует вызов конструктора базового класса - не хватает super(); перед this.container = ...:constructor() { this.container = document.querySelector('.containerForLastUpdateRecordAndPeriodItems');
period = `${date.toLocaleDateString()} - {date.setHours(168).toLocaleDateString()}`;
period должно быть periods[i].setHours возвращает число, а не объект даты, так вызвать toLocaleDateString не получится.$ перед фигурной скобкой при подстановке второй даты.b = false;element = document.createElement('div')renderItems - не хватает this.:onChange() { renderItems(this.createItems(this.createPeriod(this.inputValue)));
this тут будет вовсе не экземпляром класса - надо привязывать контекст при установке этого метода в качестве обработчика события (this.onChange.bind(this) - это в конструкторе dateInput). А ещё, поскольку метод переопределён, надо не забыть вызвать метод базового класса, иначе не будет установлено значение свойства inputValue:onChange(e) {
super.onChange(e);
this.renderItems(...TypeError при попытке выполнить хотя бы одну итерацию подобного цикла получите обязательно:for (const i = 0; i < n-a; i++) {document.createElement в качестве параметров? Откройте документацию и разберитесь, чтобы такую чушь больше не сочинять:const element = document.createElement('div', {textContent: item});
this:this.container.appendChild(element);forEach, который представлен обычной функцией, то экземпляр класса оказывается недоступен. Или замените обычную функцию на стрелочную, или передайте this в forEach третьим параметром.createPeriod(date) { var newDate = date; newDate.year = newDate.year + 1;
createPeriod(dateStr) {
const start = new Date(dateStr);
const end = new Date(dateStr);
end.setFullYear(end.getFullYear() + 1);
return { start, end };
}const range = Object.create(dateRange.prototype); range.constructor = range.constructor.bind(range); range.constructor();
new конструктор вызывать нельзя.new dateRange;.Подскажите, как еще можно оптимизировать(зарефакторить) данный js код?
const MS_IN_HOUR = 3600000;
const HOURS = 168;for (let i = +period.start; i < +period.end; i += MS_IN_HOUR * HOURS) {
const date = new Date(i);const hours = [ -120, 0, -24, -48, -48, -72, -96 ][date.getDay()];
periods.push([ hours, hours + HOURS ]
.map(n => (date.setHours(n), date.toLocaleDateString()))
.join(' - ')
);[ periods[i + a], periods[i] ] = [ periods[i], periods[i + a] ];updateTime - как-то многовато, достаточно одного, чтобы запомнить значение под коротким именем:const ut = this.updateTime;this.container.insertAdjacentHTML('beforeend',
`<div>Последнее изменение: ${ut.getDate()}.${`${ut.getMonth()}`.padStart(2, 0)}</div>` +
items.map(n => `<div>${n}</div>`).join('')
);
const className = 'dropdown-trigger';
const key = 'target';
const attr = `data-${key}`;const elems = document.querySelectorAll(`.${className}`);
// или
const elems = document.getElementsByClassName(className);const getAttr = el => el.dataset[key];
// или
const getAttr = el => el.getAttribute(attr);
// или
const getAttr = el => el.attributes[attr].value;const attrs = Array.from(elems, getAttr);
// или
const attrs = Array.prototype.map.call(elems, getAttr);
// или
const attrs = [];
for (const n of elems) {
attrs.push(getAttr(n));
}
// или
const attrs = [];
for (let i = 0; i < elems.length; i++) {
attrs[i] = getAttr(elems[i]);
}
// или
const attrs = (function get(i, n = elems.item(i)) {
return n ? [ getAttr(n), ...get(i + 1) ] : [];
})(0);
const className = 'class';
const index = 1;const element = document.querySelector(`.${className}:nth-child(${index + 1})`);const element = document.querySelectorAll('.' + className)[index];
// или
const element = document.getElementsByClassName(className).item(index);
function f({ a, b, c }) {
console.log(a, b, c);
}
f({ b: 9, c: 5 }); // undefined 9 5function f({ a = 1, b = 2, c = 3 } = {}) {
console.log(a, b, c);
}
f({ a: 100, c: 300 }) // 100 2 300
f({ b: -1 }) // 1 -1 3
f() // 1 2 3
f({ a: 0, b: 0, c: 0 }) // 0 0 0
Почему выдает фрагмент слова?
\b, обозначающий границы слов, но он в данном случае неприменим, поскольку у вас тут кириллические символы. Можно представить границу слова как начало строки или пробельный символ или конец строки. Типа так:str.match(/(^|\s)[бвгджзк][аяеэюуёоиы]+[бвгджзк][а-яё]*($|\s)*?/gi).map(n => n.trim())
$('body').append('\<script\>alert(123)\</script\>');const script = document.createElement('script');
script.innerText = 'alert(123)';
document.body.appendChild(script);document.body.append(document
.createRange()
.createContextualFragment('<script>alert(123)</script>')
);
function transfer(from, to) {
$(from).on('click', 'button', function(e) {
const $el = $(e.target).parent();
const index = +$el.data('index');
const indices = $('li', to).get().map(n => +n.dataset.index);
if (index < indices[0] || !indices.length) {
$(to).prepend($el);
} else if (index > indices[indices.length - 1]) {
$(to).append($el);
} else {
$(`${to} [data-index="${indices.filter(n => n < index).pop()}"]`).after($el);
}
});
}
transfer('#parent1', '#parent2');
transfer('#parent2', '#parent1');
this.setAttribute('aria-expanded', this.getAttribute('aria-expanded') === 'false');
const id = 'out';
const count = 10;const $el = $('[id="' + id + '"]');
for (let i = 0; i < count; i++) {
$el.text((_, text) => text + (i ? ', ' : '') + i);
}
// или
(function next(el, i) {
if (i < count) {
const text = (el.innerHTML && ', ') + i;
el.innerText += text;
// или
el.insertAdjacentText('beforeend', text);
// или
el.append(text);
// или
el.insertBefore(new Text(text), null);
// или
el.appendChild(document.createTextNode(text));
next(el, -~i);
}
})(document.getElementById(id), 0);$('#'.concat(id)).text(Array.from({ length: count }, (_, i) => i).join(', ');
// или
document.querySelector(`#${id}`).textContent = [...Array(count).keys()].join`, `;