Ответы пользователя 0xD34F по тегу «JavaScript»

Как исправить Cannot set property?

0xD34F @0xD34F Куратор тега JavaScript

Передать элемент вместо строки в positionAt, замените positionAt(anchor, position, html) на positionAt(anchor, position, note).

Ответ написан вчера

Комментировать

Нравится 1 Комментировать

Как отображать проценты в тултипе?

0xD34F @0xD34F Куратор тега JavaScript

options: {
  tooltips: {
    callbacks: {
      label({ index }, { datasets: [ { data } ], labels }) {
        const percent = 100 * data[index] / data.reduce((acc, n) => acc + n, 0);
        return `${labels[index]}: ${percent.toFixed(1)}%`;
      },
    },
  },
},

Ответ написан вчера

Комментировать

Нравится Комментировать

Как достать значение из вложенных объектов, имея массив ключей?

0xD34F @0xD34F Куратор тега JavaScript

const getIn = (obj, keys) => keys.reduce((p, c) => p && p.hasOwnProperty(c) ? p[c] : null, obj);

Ответ написан 18 янв.

27 комментариев

Нравится 3 27 комментариев

Как удалить все ключи из объекта кроме этого?

0xD34F @0xD34F Куратор тега JavaScript

Object.keys(thisIsObject).forEach(n => n !== key && delete thisIsObject[n])

проще конечно было бы создать новый объект с нужным ключом:

thisIsObject = { [key]: thisIsObject[key] }

Ответ написан 17 янв.

Комментировать

Нравится 3 Комментировать

Как суммировать значение value в selet option?

0xD34F @0xD34F Куратор тега JavaScript

document.addEventListener('change', function(e) {
  if (e.target.classList.contains('select')) {
    const
      elems = document.querySelectorAll('.select'),
      sum = [...elems].reduce((acc, n) => acc + +n.value, 0);

    document.querySelector('.sum').textContent = sum;
  }
});

Ответ написан 16 янв.

3 комментария

Нравится 4 3 комментария

Как исправить баг с валидацией формы React js?

0xD34F @0xD34F Куратор тега JavaScript

.test('fileSizes', 'Resolution at least 120x120px', value => {
  return new Promise(resolve => {
    const img = new Image();
    img.onload = () => resolve(img.width >= 120 && img.height >= 120);
    img.src = window.URL.createObjectURL(value);
  });
})

Ответ написан 15 янв.

1 комментарий

Нравится 1 1 комментарий

Как вывести наибольшее значение свойства объекта?

0xD34F @0xD34F Куратор тега JavaScript

console.log(Object.entries(obj).reduce((max, n) => n[1] > max[1] ? n : max).join(': '))

Ответ написан 14 янв.

7 комментариев

Нравится 3 7 комментариев

Tetris Series #1 — Scoring System?

0xD34F @0xD34F Куратор тега JavaScript

if (counting >= 10) {
   level++;
   counting = 0;

Разница между 10 и counting (кроме 10, может принимать значения 11, 12 или 13) теряется - поэтому ваши результаты меньше ожидаемых. Может, не стоит считать каждую десятку отдельно? - сложновато как-то. Сделайте общую сумму, а на каждой итерации делите её на 10:

function getScore(arr) {
  const points = {
    1: 40,
    2: 100,
    3: 300,
    4: 1200,
  };

  let
    score = 0,
    lines = 0;

  for (const n of arr) {
    score += (points[n] || 0) * (1 + (lines / 10 | 0));
    lines += n;
  }

  return score;
}

Ответ написан 14 янв.

Комментировать

Нравится Комментировать

Как найти и заменить в строке?

0xD34F @0xD34F Куратор тега JavaScript

$('.away-players').text(function(i, text) {
  return $('.subs-players td:even')
    .get()
    .map(n => $(n).text().split(', '))
    .reduce((text, n) => text.replace(n[1], `(${n.join(' ')})`), text);
});

Ответ написан 14 янв.

6 комментариев

Нравится 1 6 комментариев

Как на jQuery выполнить JS функцию после нескольких AJAX запросов?

0xD34F @0xD34F Куратор тега JavaScript

Количество LI элементов заранее не известно, поэтому выполнять функцию WHEN с определенным количеством атрибутов нет возможности.

Чушь собачья.

$.when(...$('li').get().map(n => $.ajax())).then(/* выполняйте, чо там вам надо */);

Ответ написан 13 янв.

9 комментариев

Нравится 1 9 комментариев

Как с помощью proxy обратиться к несуществующему свойству объекта, созданного через class?

0xD34F @0xD34F Куратор тега JavaScript

Вместо this.data = new Proxy(... сделайте

return new Proxy(this, {
  get(target, name) {
    return name in target
      ? target[name]
      : `Свойства ${name} нет`
  },
});

Ответ написан 13 янв.

3 комментария

Нравится 3 комментария

Как правильно парсить URL параметры и вставить их в hidden inputs?

0xD34F @0xD34F Куратор тега JavaScript

[...new URLSearchParams(url.split('?')[1])].forEach(([ k, v ]) => {
  document.querySelector(`#${k}`).value = v;
});

Ответ написан 13 янв.

Комментировать

Нравится 2 Комментировать

Как отфильтровать массив объектов во vuejs?

0xD34F @0xD34F Куратор тега JavaScript

arr.reduce((acc, n) => {
  const key = new Date(0, n.date.split('-')[1] - 1).toLocaleString('ru-RU', { month: 'long' });
  (acc[key] = acc[key] || []).push(n);
  return acc;
}, {})

Ответ написан 13 янв.

6 комментариев

Нравится 1 6 комментариев

Регулярное выражение: цифры до любого символа. Как составить?

0xD34F @0xD34F Куратор тега JavaScript

url.match(/\d+(?=\?|$)/)

Ответ написан 12 янв.

Комментировать

Нравится 1 Комментировать

Как изменить элемент при наведении, не трогая остальные?

0xD34F @0xD34F Куратор тега JavaScript

.hover {
  opacity: 0.5;
}

function hoverHandler(e) {
  this.querySelectorAll('.hover-effect').forEach(n => {
    n.classList.toggle('hover', n !== e.target && this !== e.target);
  });
}

const map = document.querySelector('.map svg');
map.addEventListener('mouseover', hoverHandler);
map.addEventListener('mouseout', hoverHandler);

Ответ написан 11 янв.

Комментировать

Нравится 3 Комментировать

В чем отличие document.querySelector() от document.getElementsByClassName()?

0xD34F @0xD34F Куратор тега JavaScript

Если выводить в консоль то коллекции не чем не отличаются.

Брехня.

В первом случае HTMLCollection, во втором NodeList. Отличие первой от второго состоит в том, что

HTMLCollection, хранящая элементы DOM, является динамической. При изменении документа она моментально отражает все произведённые изменения.

То есть, обходите коллекцию, и одновременно модифицируете её. Удалили нулевой элемент - на его место встал первый, а индексу сделали ++. На следующей итерации удалять будете первый, и новый нулевой / бывший первый уже никуда не денется. Как и остальные элементы, изначально имевшие нечётные индексы.

Ответ написан 10 янв.

4 комментария

Нравится 2 4 комментария

Как правильно создать 2 новых объекта из одного существующего?

0xD34F @0xD34F Куратор тега JavaScript

const splitObj = (obj, keys) =>
  Object.entries(obj).reduce((acc, [ k, v ]) => {
    acc[+keys.includes(k)][k] = v;
    return acc;
  }, [ {}, {} ]);


const [ otherObj, anotherObj ] = splitObj(obj, [ 'a', 'd', 'e', 'f' ]);

Ответ написан 09 янв.

Комментировать

Нравится 1 Комментировать

ReactJS: Как распределить элементы из api в jsx блоки по значению даты?

0xD34F @0xD34F Куратор тега JavaScript

Группируете данные по месяцам:

const groupedUsers = users && users.reduce((acc, n) => {
  acc[new Date(n.dob).getMonth()].users.push(n);
  return acc;
}, [...Array(12)].map((n, i) => ({
  month: new Date(0, i).toLocaleString('ru-RU', { month: 'long' }),
  users: [],
})));

Рендерите их, например (это сразу всё; если надо - можете выбирать какой-то конкретный месяц):

{groupedUsers && groupedUsers.map(n => (
  <div key={n.month}>
    <h2>{n.month}</h2>
    {n.users.map(user => (
      <div key={user.id}>
        <h3>user #{user.id}</h3>
        <div>данные пользователя...</div>
      </div>
    ))}
  </div>
))}

Ответ написан 09 янв.

4 комментария

Нравится 1 4 комментария

Как обратиться к инпуту слева?

0xD34F @0xD34F Куратор тега JavaScript

document.addEventListener('click', function(e) {
  if (e.target.classList.contains('sbros')) {
    for (let el = e.target; el = el.previousElementSibling; ) {
      if (el.classList.contains('fields')) {
        el.value = el.getAttribute('default-value');
        break;
      }
    }
  }
});

Ответ написан 09 янв.

Комментировать

Нравится 1 Комментировать

Как разбить объект на несколько частей?

0xD34F @0xD34F Куратор тега JavaScript

function objChunk(obj, size) {
  const arr = Object.entries(obj);

  return [...Array(Math.ceil(arr.length / size))].map((n, i) => {
    return Object.fromEntries(arr.slice(i * size, (i + 1) * size));
  });
}


const arr = objChunk(items, 10);

Ответ написан 08 янв.

1 комментарий

Нравится 4 1 комментарий

Войдите на сайт