Строки и индексы — это фундаментальные концепции JavaScript, и возможность эффективно манипулировать ими имеет важное значение для любого разработчика. В этой статье мы рассмотрим несколько методов извлечения букв и соответствующих им индексов из строки в JavaScript. Мы предоставим примеры кода и пояснения для каждого метода, что позволит вам выбрать тот, который лучше всего соответствует вашим потребностям. Давайте начнем!

Метод 1: использование цикла for
Один простой подход — использовать цикл for для перебора каждого символа в строке. Затем мы можем объединить символ и его индекс, чтобы сформировать новую строку. Вот пример:

function formStringWithIndex(str) {
  let result = "";
  for (let i = 0; i < str.length; i++) {
    result += str[i] + i;
  }
  return result;
}
const input = "javascript";
const output = formStringWithIndex(input);
console.log(output); // "j0a1v2a3s4c5r6i7p8t9"

Метод 2: использование метода map()
Массивы JavaScript имеют удобный метод map(), который можно использовать для преобразования элементов. Мы можем разделить строку на массив символов, использовать метод map()для перебора каждого символа и объединить символ и его индекс. Наконец, мы можем объединить массив обратно в одну строку. Вот пример:

function formStringWithIndex(str) {
  const result = str.split("").map((char, index) => char + index);
  return result.join("");
}
const input = "javascript";
const output = formStringWithIndex(input);
console.log(output); // "j0a1v2a3s4c5r6i7p8t9"

Метод 3: Использование метода уменьшения()
Метод reduce()позволяет нам накапливать значение, применяя функцию к каждому элементу массива. Мы можем использовать этот метод для перебора символов строки, объединяя символ и его индекс с накопленным значением. Вот пример:

function formStringWithIndex(str) {
  const result = str.split("").reduce((acc, char, index) => acc + char + index, "");
  return result;
}
const input = "javascript";
const output = formStringWithIndex(input);
console.log(output); // "j0a1v2a3s4c5r6i7p8t9"

Метод 4: Использование метода forEach()
Метод forEach()позволяет нам выполнить предоставленную функцию один раз для каждого элемента массива. Мы можем использовать этот метод, разбивая строку на массив, перебирая каждый символ с помощью forEach()и добавляя символ и его индекс к результирующей строке. Вот пример:

function formStringWithIndex(str) {
  let result = "";
  str.split("").forEach((char, index) => {
    result += char + index;
  });
  return result;
}
const input = "javascript";
const output = formStringWithIndex(input);
console.log(output); // "j0a1v2a3s4c5r6i7p8t9"