class DoublyLinkedList {
constructor() {
this.size = 0;
this.head = null;
this.tail = null;
}
add(value, index) {
index ??= this.size;
const next = this.searchByIndex(index);
const prev = next ? next.prev : this.tail;
const node = { value, next, prev };
prev || (this.head = node);
next || (this.tail = node);
prev && (prev.next = node);
next && (next.prev = node);
this.size++;
}
_remove(node) {
if (node) {
node.prev || (this.head = node.next);
node.next || (this.tail = node.prev);
node.prev && (node.prev.next = node.next);
node.next && (node.next.prev = node.prev);
this.size--;
}
}
removeByValue(value) {
this._remove(this.searchByValue(value));
}
removeByIndex(index) {
this._remove(this.searchByIndex(index, true));
}
searchByIndex(index, strict) {
if (!(index >= 0 && index <= this.size - !!strict)) {
throw 'invalid index';
}
let node = this.head;
while (index--) {
node = node.next;
}
return node;
}
searchByValue(value, startIndex = 0) {
let node = this.searchByIndex(startIndex, true);
while (node && node.value !== value) {
node = node.next;
}
return node;
}
}
function max(data, key = n => n) {
const getVal = key instanceof Function ? key : n => n[key];
return Array.prototype.reduce.call(data, (max, n) => {
const val = getVal(n);
return max[0] > val ? max : [ val, n ];
}, [ -Infinity, undefined ])[1];
}
const { text } = max(arr, n => n.text.length);
const oldest = max(arr, 'age');
const remove = {
from: 5,
exclude: [ 9, 10, 11 ],
};
$('table tr').each(function() {
$(this)
.children()
.filter(i => i >= remove.from && !remove.exclude.includes(i))
.remove();
});
function getWeekdaysOfMonth(year, month) {
const date = new Date(year, --month, 1);
const result = [];
while (date.getMonth() === month) {
result.push(date.toLocaleString('ru-RU', {
month: 'long',
day: 'numeric',
weekday: 'long',
}));
date.setDate(date.getDate() + 1);
}
return result;
}
const weekdaysOfDecember2020 = getWeekdaysOfMonth(2020, 12);
но как поступить если я не хочу забирать дни недели из стандартного объекта. а взять из их своего массива?
const weekdays = [
'воскресенье',
'это понедельник',
'а это вторник',
'конечно же среда',
'четверг',
'пятница - прямо после четверга',
'суббота, рабочая неделя окончена',
];
const getWeekdaysOfMonth = (year, month) => Array.from(
{ length: new Date(year, month--, 0).getDate() },
(n, i) => {
const d = new Date(year, month, i + 1);
return d.toLocaleString('ru-RU', {
month: 'long',
day: 'numeric',
}) + ', ' + weekdays[d.getDay()];
});
const weekdaysOfFebruary2021 = getWeekdaysOfMonth(2021, 2);
document.querySelector('.products__body').addEventListener('click', e => {
const item = e.target.closest('.card-preview__item');
if (item) {
e.preventDefault();
const { srcset } = item.querySelector('source');
item.closest('.card').querySelector('.card-head__image source').srcset = srcset;
}
});
For DOM trees which represent HTML documents, the returned tag name is always in the canonical upper-case form.
if(str.tagName == 'ul') {
} else if (str.tagName == 'li') {
str
, что за странный выбор имени? Там же элемент, а не строка.elem.append('li');
for (let el of strLi) { el.addEventListener('click',func); };
func
вынесено за пределы текущей функции, иначе бы при каждом клике всем существующим li
добавлялся новый обработчик.li
, на свежесозданных li
клик обрабатываться не будет (касается и тех, что изначально существуют).li
- так зачем назначать отдельный обработчик клика? То, что делаете в func
, вполне можно делать прямо тут.document.querySelector('ul').addEventListener('click', e => {
const t = e.target;
const ct = e.currentTarget;
t.insertAdjacentHTML('beforeend', ct === t ? '<li>text</li>' : '!');
});
const parent = document.querySelector('ul');
.parent.querySelectorAll(':scope > *').forEach(n => parent.prepend(n));
// или
Element.prototype.append.apply(parent, [...parent.children].reverse());
// или
const [ first, ...rest ] = parent.children;
first?.before(...rest.reverse());
// или
for (const n of parent.children) {
parent.insertBefore(n, parent.firstElementChild);
}
// или
for (let i = parent.children.length; i--;) {
parent.insertAdjacentElement('beforeend', parent.children[i]);
}
// или
const elems = Array.from(parent.children);
while (elems.length) {
parent.appendChild(elems.pop());
}
const first = '125';
const startWithFirst = arr.filter(n => first.includes(`${n}`[0]));
console.log(startWithFirst);
const first = [ 1, 2, 5 ];
const startWithFirst = arr.filter(n => first.includes(n / (10 ** (Math.log10(n) | 0)) | 0));
const first = /^[125]/;
const startWithFirst = arr.filter(n => first.test(n));
новая_координата = Math.max(
минимальное_допустимое_значение,
Math.min(
максимальное_допустимое_значение,
текущая_координата + изменение_координаты
)
);
document.querySelectorAll('img').forEach(n => {
const src = n.getAttribute('src');
if (!/^https?:\/\//.test(src)) {
const picture = document.createElement('picture');
picture.innerHTML = `<source srcset="${src}" type="image/svg+xml">${n.outerHTML}`;
n.parentElement.replaceChild(picture, n);
}
});
const el = document.querySelector('#box');
const colors = [ 'red', 'green', 'blue' ];
let index = -1;
el.addEventListener('mouseenter', function() {
index = (index + 1) % colors.length;
this.style.backgroundColor = colors[index];
});
el.addEventListener('mouseleave', function() {
this.style.backgroundColor = '';
});
подскажите, что мне нужно подправить
function makeRequests(urls, max) {
return new Promise(resolve => {
const results = Array(urls.length).fill(null);
const groupedUrls = urls.reduce((acc, n, i) => ((acc[n] ??= []).push(i), acc), {});
const uniqueUrls = Object.keys(groupedUrls);
let countRequests = 0;
let countResponses = 0;
for (let i = 0; i < Math.max(1, Math.min(max, uniqueUrls.length)); i++) {
request();
}
function request() {
if (countResponses === uniqueUrls.length) {
resolve(results);
} else if (countRequests < uniqueUrls.length) {
const url = uniqueUrls[countRequests++];
fetch(url)
.then(result => result.json())
.catch(error => error)
.then(result => {
groupedUrls[url].forEach(n => results[n] = result);
countResponses++;
request();
});
}
}
});
}
$('form').on('input', function() {
$('.button').prop('disabled', $('input', this).get().some(n => !n.value));
}).trigger('input');
// или
const form = document.querySelector('form');
const button = document.querySelector('.button');
const inputs = [...form.querySelectorAll('input')];
form.addEventListener('input', () => button.disabled = !inputs.every(n => n.value));
form.dispatchEvent(new Event('input'));
function makeRandomizer([ min, max ]) {
const numbers = [...Array(max - min + 1).keys()];
return () => numbers.length
? min + numbers.splice(Math.random() * numbers.length | 0, 1)[0]
: null;
}
function makeRandomizer([ min, max ]) {
const numbers = Array.from({ length: max - min + 1 }, (n, i) => min + i);
for (let i = numbers.length; --i > 0;) {
const j = Math.random() * (i + 1) | 0;
[ numbers[i], numbers[j] ] = [ numbers[j], numbers[i] ];
}
return () => numbers.pop() ?? null;
}
$('#sel1').change(function() {
const min = +$(this).val();
$('#sel2')
.val((i, v) => Math.max(v, min))
.children()
.show()
.filter((i, n) => +n.value < min)
.hide();
}).change();
const select1 = document.querySelector('#sel1');
const select2 = document.querySelector('#sel2');
select1.addEventListener('change', e => {
const min = +e.target.value;
select2.value = Math.max(select2.value, min);
for (const n of select2.children) {
n.hidden = +n.value < min;
}
});
select1.dispatchEvent(new Event('change'));