0xD34F

Сортируем существующий массив:

messages.sort((a, b) => {
  [ a, b ] = [ a, b ].map(n => sortableLanguages.indexOf(n.language));
  return a === -1 ? 1 : b === -1 ? -1 : a - b;
});

Собираем отсортированный новый:

const sorted = (arr, key) => arr
  .map(n => [ n, key(n) ])
  .sort((a, b) => a[1] - b[1])
  .map(n => n[0]);


const order = Object.fromEntries(sortableLanguages.map((n, i) => [ n, i + 1 ]));
const sortedMessages = sorted(messages, n => order[n.language] || Number.MAX_SAFE_INTEGER);

// или

function sorted(arr, order, key) {
  const ordered = new Map(order.map(n => [ n, [] ]));
  const unordered = [];

  arr.forEach(n => (ordered.get(key(n)) || unordered).push(n));

  return [].concat(...ordered.values(), unordered);
}


const sortedMessages = sorted(messages, sortableLanguages, n => n.language);

https://jsfiddle.net/5gzypshw/2/

const buttonSelector = '.one';
const contentSelector = '.two';
const className = 'three';

Сколько таких пар элементов? Если одна:

document.querySelector(buttonSelector).addEventListener('click', () => {
  document.querySelector(contentSelector).classList.toggle(className);
});

Несколько:

document.addEventListener('click', e => {
  const button = e.target.closest(buttonSelector);
  if (button) {
    const index = [...document.querySelectorAll(buttonSelector)].indexOf(button);
    document.querySelectorAll(contentSelector)[index].classList.toggle(className);
  }
});

// или

const buttons = document.querySelectorAll(buttonSelector);
const contents = document.querySelectorAll(contentSelector);

buttons.forEach(n => n.addEventListener('click', onClick));

function onClick(e) {
  const index = Array.prototype.indexOf.call(buttons, e.currentTarget);
  contents[index].classList.toggle(className);
}

честно говоря, ни хрена не понял, чего вам надо

https://jsfiddle.net/1qtwp35u/

https://jsfiddle.net/Lys6g9za/

for (let i = 0; i < password.length; i + 1) {

если запустить код то страница крашнется, codesandbox на счет этого говорит что циклов слишком много

Ну да, i + 1 - счётчик не меняет своего значения, цикл получается бесконечным.

Должно быть или i += 1 или i++.

return pass;

Наверное, всё-таки должно быть return text.

Как будем определять, должен ли элемент массива остаться:

const mustStay = arr => arr.some(n => n !== '');

Собираем новый массив:

const newArr = arr.filter(mustStay);

Изменяем существующий:

arr.reduceRight((_, n, i, a) => mustStay(n) || a.splice(i, 1), null);

// или

arr.splice(0, arr.length, ...arr.filter(mustStay));

// или

let numDeleted = 0;

for (const [ i, n ] of arr.entries()) {
  arr[i - numDeleted] = n;
  numDeleted += !mustStay(n);
}

arr.length -= numDeleted;

usort($variants, function($a, $b) {
  return strcmp($a->name, $b->name);
});

Есть вариант воспользоваться методом keys для получения итератора, отдающего индексы (доступен как для NodeList, так и для массивов), который затем можно развернуть в массив с помощью spread или Array.from или просто перебрать через for of:

[...divs.keys()].forEach(i => console.log(i));

// или

console.log(Array.from(divs.keys(), i => i * 100));

// или

for (const i of divs.keys()) {
  console.log(i);
}

$unique = [];

foreach ($arr as $n) {
  $unique[$n->name] = $n;
}

$unique = array_values($unique);

О каких атрибуте и классе идёт речь:

const attrName = 'data-i';
const attrValues = [ 'qwe', 'asd', 'zxc' ];
const className = 'класс';

Просто добавляем класс:

document
  .querySelectorAll(attrValues.map(n => `[${attrName}="${n}"]`))
  .forEach(n => n.classList.add(className));

Или, также у неподходящих элементов, имеющих атрибут, класс удаляем:

for (const n of document.querySelectorAll(`[${attrName}]`)) {
  n.classList.toggle(className, attrValues.includes(n.getAttribute(attrName)));
}

Используйте chartjs-plugin-annotation. Например.

почему вот такой код не работает

onLoad={(inst)=>{return inst.events.add('click', clickOnMap)}}

Потому что через onLoad вы получаете доступ к ymaps api, а не к экземпляру карты.

Хотите экземпляр карты - используйте instanceRef:

instanceRef={inst => inst.events.add('click', clickOnMap)}

Но вообще, для того, чтобы назначить обработчик клика, экземпляр карты трогать не надо:

onClick={clickOnMap}

console.log(__dirname);

С каких это пор "dir" переводится как "файл"?

console.log(require('path').basename(__filename));

на JS...

Хватаем текстовое содержимое элемента, с помощью регулярного выражения находим тот кусок, который надо обернуть в span, выполняем замену, записываем результат обратно в элемент, но уже не как текст, а как разметку:

document.querySelectorAll('.scroll_list li').forEach(n => {
  n.innerHTML = n.textContent.replace(/\d+ шт./, '<span>$&</span>');
});

// или

for (const n of document.querySelector('.scroll_list').children) {
  n.innerHTML = n.innerText.replace(/\S+ \S+$/, m => `<span>${m}</span>`);
}

...или PHP

Вот здесь точно никаких "обернуть" не надо. Разберитесь, где у вас формируется разметка страницы, и измените этот код так, чтобы нужный вам span создавался сразу.

https://api.github.com/search/repositories?q=stars%3A%3E0&sort=stars&order=desc&page=1

$ta = mysqli_connect($link,"SELECT * FROM name_table");

Да ну? Может, всё-таки mysqli_query?