создаёт новый массив со всеми значениями, для которых функцияcallback
вернула значение, которое может быть приведено кtrue
true
, если элемент массива является числом, то есть, в результирующий массив попадают только числа, и неважно, каковы их значения. Во втором случае вы возвращаете сам элемент, если он является числом, а нули, они да - имеют своим булевым эквивалентом false
, поэтому и отбрасываются. const icons = {
one: [ 'url иконки раскрытия одного элемента', 'и закрытия' ],
all: [ 'url иконки раскрытия всех', 'что здесь должно быть, думаю догадаетесь' ],
};
const getState = el => $(el)
.closest('.team__info-worklog')
.find('.worklog-table')
.get()
.map(n => $(n).is(':visible'));
const setState = (el, state) => $(el)
.closest('.team__info-worklog')
.find('.worklog-table').each((i, n) => $(n)[state[i] ? 'slideDown' : 'slideUp']()).end()
.find('.worklog-expend-all img').attr('src', icons.all[+state.some(Boolean)]).end()
.find('.worklog-list__expend img').attr('src', i => icons.one[+state[i]]);
const createUpdater = f => e => setState(e.target, f(getState(e.target), e));
$('.worklog-expend-all').on('click', createUpdater(state => {
return Array(state.length).fill(!state.some(Boolean));
}));
$('.team__info-worklog').on('click', '.worklog-list__expend', createUpdater((state, e) => {
const index = $(e.target).closest('.worklog-list__row').index();
return state.map((n, i) => i === index ? !n : n);
}));
const blockSelector = '.block';
const buttonSelector = `${blockSelector} button`;
const itemSelector = `${blockSelector} span`;
document.addEventListener('click', e => e
.target
.closest(buttonSelector)
?.closest(blockSelector)
?.append(document.querySelector(itemSelector))
);
const item = document.querySelector(itemSelector);
const onClick = e => e.currentTarget.closest(blockSelector).appendChild(item);
document.querySelectorAll(buttonSelector).forEach(n => n.addEventListener('click', onClick));
const initialValues = [ 100, 100000 ];
const setValues = values => $inputs.val(i => values[i]);
const $slider = $('#slider-range').slider({
range: true,
min: initialValues[0],
max: initialValues[1],
step: 20,
values: initialValues,
slide: (e, ui) => setValues(ui.values),
});
const $inputs = $('#amount_before, #amount_after')
.on('input', () => $slider.slider('values', $inputs.get().map(n => n.value)));
setValues(initialValues);
const select = document.querySelector('[name="id_car_mark"]');
blackList
:const options = Object.fromEntries(Array.from(select, n => [ n.innerText, n ]));
select.prepend(...blackList.reduce((acc, n) => ((n = options[n]) && acc.push(n), acc), []));
select.append(...Array.prototype.filter.call(select, function(n) {
return !this.has(n.textContent);
}, new Set(blackList)));
$('form').on('input', function() {
const disabled = $('[type="text"]', this).get().some(n => n.value.length < 5);
$('[type="submit"]', this).prop({ disabled });
});
document.querySelector('form').addEventListener('input', e => {
e.currentTarget.querySelector('[type="submit"]').disabled = Array
.from(e.currentTarget.querySelectorAll('[type="text"]'))
.some(n => n.value.length < 5);
});
<h1 class="header">click me</h1>
<h1 class="header">click me</h1>
<h1 class="header">click me</h1>
const text = [ 'hello, world!!', 'fuck the world', 'fuck everything' ];
$('.header').click(function() {
const index = $(this).data('index') || 0;
$(this).text(text[index]).data('index', (index + 1) % text.length);
});
const findPath = (obj, val) =>
Object.is(obj, val)
? []
: Object.entries(obj instanceof Object ? obj : {}).reduce((found, n) => {
if (!found) {
found = findPath(n[1], val);
if (found) {
found.unshift(n[0]);
}
}
return found;
}, null);
function findPath(obj, val) {
for (const stack = [ [ obj, [] ] ]; stack.length;) {
const [ n, keys ] = stack.pop();
if (Object.is(n, val)) {
return keys;
}
if (n instanceof Object) {
stack.push(...Object.entries(n).reverse().map(([ k, v ]) => [ v, [ ...keys, k ] ]));
}
}
return null;
}
setInterval($items => {
$items.each(i => $items.eq(i).css({
left: `${Math.random() * window.innerWidth}px`,
top: `${Math.random() * window.innerHeight}px`,
}));
}, 500, $элементыКоторымНадоЗадаватьСлучайныеКоординаты);
const formTemplate = `<здесь html-код формы>`;
$(document).on('change', 'селектор чекбокса', function() {
const $el = $(this).closest('селектор формы');
if (this.checked) {
$el.after(formTemplate);
} else {
$el.nextAll('селектор формы').remove();
}
});
const group = (arr, keyProp, childrenProp) =>
Object.values(arr.reduce((acc, { [childrenProp]: children, ...n }) => {
const item = acc[n[keyProp]] = acc[n[keyProp]] || n;
if (children) {
children = (item.childItems || []).concat(children);
item[childrenProp] = group(children, keyProp, childrenProp);
}
return acc;
}, {}));
const grouped = group(products, 'name', 'childItems');
switch (true) {
case one.includes(inp):
...
break;
case two.includes(inp):
...
break;
}
const arr = [
{
values: [ ... ],
action: () => { ... },
},
{
values: [ ... ],
action: () => { ... },
},
];
arr.find(n => n.values.includes(inp))?.action();
str.split('"').filter((n, i) => i & 1)
// или
str.match(/".*?"/g)?.map(n => n.slice(1, -1)) ?? []
// или
Array.from(str.matchAll(/"([^"]*)"/g), n => n[1])
// или
Array.prototype.reduce.call(str, (acc, n) => {
if (n !== '"') {
acc[1]?.push(n);
} else if (acc[1]) {
acc[0].push(acc[1].join(''));
acc[1] = null;
} else {
acc[1] = [];
}
return acc;
}, [ [], null ])[0]
const result = arr1.map((n, i) => {
const index = Math.min(i * 2, ((arr2.length - 2) / 2 | 0) * 2);
return `name: ${n} val1: ${arr2[index]} val2: ${arr2[index + 1]}`;
});
result.forEach(alert);
arr.reduce((acc, n, i) => (
(i && (acc[acc.length - 1].length + !(acc.length & 1) !== 3)) || acc.push([]),
acc[acc.length - 1].push(n),
acc
), [])
{ старый_текст: новый_текст }
:const months = Object.fromEntries(Array.from({ length: 12 }, (n, i) => {
const d = new Date(0, i);
return [
d.toLocaleString('en-US', { month: 'long' }),
d.toLocaleString('ru-RU', { month: 'long' }).replace(/./, m => m.toUpperCase()),
];
}));
$('.text').text((i, text) => months[text.trim()]);
// или
document.querySelectorAll('.text').forEach(n => {
n.innerText = months[n.innerText] || n.innerText;
});
// или
for (const n of document.getElementsByClassName('text')) {
n.textContent = months[n.textContent.trim()] || n.textContent;
}