Сергей Соколов

Возможно, но это извращение (никогда так не делайте!):

eval(JSON.stringify(array).replace(/[^\d]+/g, '+') + '0') // 31

Перевести массив в JSON-строку, все не-цифры заменить на знаки «+» и выполнить полученное выражение.

Например:

const a = [1, 2, [3, 4, [[5, 6], 7], 8]];
// Вжух! и получится строка:
"+1+2+3+4+5+6+7+8+"

/**
 * Разбивает строку на три части: цифры, две буквы, две буквы.
 * Возвращает либо массив из трех элементов,
 * либо undefined
 */
function getParts(str) {
  const re = /^(\d+)(\S{2})(\S{2})$/;
  const match = str.match(re);
  if (match) return match.slice(1);
}

getParts("5дмсм") // ["5", "дм", "см"]

В консоли отображается последнее возвращённое значение.
Функция вернула значение все 10 раз, но с ним ничего не делали. А консоль показала последнее.


Во втором примере всё то же. Возвращенное значение ниже: undefined.
Но перед этим 10 раз выполнился вывод в консоль через console.log().

function camelCase(str) {
  return str
  .trim()
  .split(' ')
  .map((w, i, a) => {
    if (i === 0) return w.toLowerCase();
    return w.substr(0, 1).toUpperCase() + w.substr(1).toLowerCase();
  })
  .join('')
}


function test() {
  const testIn = ['Good Day', 'good night', 'Good Evening', 'Sleep', 'Go'];
  const testOut = ['goodDay', 'goodNight', 'goodEvening', 'sleep', 'Go'];
  for (let i = 0; i < testIn.length; i++) {
    const input = testIn[i];
    const output = camelCase(input);
    if (testOut[i] === output) console.log("Test passed: %s => %s", input, output);
    else console.error("Test failed: %s => %s", input, output);
  }
}

test();

Фейлит только на "Go", который у вас противоречит "Sleep"

Говорят, что операции в transform() выполняются справа налево.

Попробуйте поменять местами scale() и rotate()

function find(str) {
  const matches = str.match(/\d+/g);
  return matches ? matches.reduce((p,c) => c.length > p.length ? c : p, '') : '';
}

find("abc 34 def 456 gggggggg 000000001 fggg 333399")
// 000000001

Пройти по исходным, раскидывая в три новых?

const data = [
  [ '6', 'Shorter', '157' ],
  [ '7', 'Fraser', '157' ],
  [ '6', 'Chandter', '156' ]
  // ...
];

const result = data.reduce((acc, cur) => {
  acc.forEach((el, idx) => {el.push(cur[idx])});
  return acc;
}, [[], [], []]);
  
// [["6","7","6"],["Shorter","Fraser","Chandter"],["157","157","156"]]

var numbers = [1,-3,5,-6,-10,13,4,-8];

var arr = numbers.slice(), sum = 0;
while((sum += arr.shift()) !== 0); // изысканный пустой while !
var index = numbers.length - arr.length - 1;  // 5

Или с рекурсией:

function sum0(arr, idx = 0, sum = 0) {
  if ((sum += numbers[idx]) === 0) return idx;
  return sum0(arr, idx + 1, sum);
}

sum0([1,-3,5,-6,-10,13,4,-8])  // 5

document.querySelectorAll('div.color').forEach( el => {
  if (el.children.length === 0) el.parentNode.removeChild(el);
});

Без return возможно, имели в виду стрелочную функцию:

const truncate = (str, maxlength) => ( str.length <= maxlength ) ? str : str.slice(0, maxlength) + "..."; 

alert(truncate("Отведай ка", 10));

Синхронность применяйте когда результат операции получается сразу. JavaScript выполняется в один поток, поэтому пока что-то синхронное происходит, всё остальное ждёт в сторонке. В том числе события интерфейса.

Асинхронность используйте везде, где нужно ждать. Чтобы не ждать:

• Отправили запрос на сервер. Ответ будет неизвестно, когда – то ли сеть медленная, то ли сервер призадумается. В это время JS может заняться чем-то ещё. Дайте ему такую возможность.
  
• События интерфейса - неизвестно, когда нажмут на кнопку или введут значение в форму. Даже длинная цепочка действий: отправили пользователя авторизоваться через третий сайт.
  
• Длинные сложные вычисления. Их можно вынести в web worker, отправлять в него задачу и асинхронно ждать результата. В это время бодро реагировать на кнопки и прочее.
  

p.s. Ждать, не важно, сколько: всего несколько миллисекунд или полчаса.

p.p.s. для желающих упороться подробностями: Concurrency model and Event Loop

• map() это много → много
  
• reduce() это много → один
  

В вашей задаче надо из массива values получить массив объектов с полями родителя (это map()).
А потом последовательно склеить несколько массивов в один (это можно через reduce()).

let result = segments
  .map(e => e.value.map(
    v => ({
      value: v,
      text : { hi: e.text.hi},
      diff : e.diff
    })
  ))
  .reduce((prev, curr) => prev.concat(curr), [])
;

Из HTML элементов понадобится кнопка и место, куда выводить значение. Например, тег <p>
Для счётчика завести переменную. Её значение будет обновляться.
На кнопке слушать событие "click", по нему должна срабатывать функция, которая увеличит значение переменной на 1 и выведет его в HTML элемент.

Как вы начнете выполнять этот план и что именно из этого плана не понятно?