Wstawianie łańcucha w pozycji x innego łańcucha

Mam dwie zmienne i muszę wstawić ciąg bdo ciągu aw punkcie reprezentowanym przez position. Wynik, którego szukam to „Chcę jabłka”. Jak mogę to zrobić za pomocą JavaScript?

var a = 'I want apple';
var b = ' an';
var position = 6;

var a = "I want apple";
var b = " an";
var position = 6;
var output = [a.slice(0, position), b, a.slice(position)].join('');
console.log(output);

Opcjonalnie: Jako prototypowa metoda String

Poniższych można użyć do podziału textna inny ciąg w żądanym index, z opcjonalnym removeCountparametrem.

if (String.prototype.splice === undefined) {
  /**
   * Splices text within a string.
   * @param {int} offset The position to insert the text at (before)
   * @param {string} text The text to insert
   * @param {int} [removeCount=0] An optional number of characters to overwrite
   * @returns {string} A modified string containing the spliced text.
   */
  String.prototype.splice = function(offset, text, removeCount=0) {
    let calculatedOffset = offset < 0 ? this.length + offset : offset;
    return this.substring(0, calculatedOffset) +
      text + this.substring(calculatedOffset + removeCount);
  };
}

let originalText = "I want apple";

// Positive offset
console.log(originalText.splice(6, " an"));
// Negative index
console.log(originalText.splice(-5, "an "));
// Chaining
console.log(originalText.splice(6, " an").splice(2, "need", 4).splice(0, "You", 1));

.as-console-wrapper { top: 0; max-height: 100% !important; }

var output = a.substring(0, position) + b + a.substring(position);

Edycja: zastąpiona .substrprzez .substringponieważ .substrjest teraz starszą funkcją (na https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/substr )

Możesz dodać tę funkcję do klasy string

String.prototype.insert_at=function(index, string)
{   
  return this.substr(0, index) + string + this.substr(index);
}

abyś mógł użyć go na dowolnym obiekcie łańcuchowym:

var my_string = "abcd";
my_string.insertAt(1, "XX");

Korzystanie z literałów łańcuchowych ES6 byłoby znacznie krótsze:

const insertAt = (str, sub, pos) => `${str.slice(0, pos)}${sub}${str.slice(pos)}`;
    
console.log(insertAt('I want apple', ' an', 6)) // logs 'I want an apple'

Może nawet lepiej, jeśli określisz pozycję za pomocą indexOf () w następujący sposób:

function insertString(a, b, at)
{
    var position = a.indexOf(at); 

    if (position !== -1)
    {
        return a.substr(0, position) + b + a.substr(position);    
    }  

    return "substring not found";
}

następnie wywołaj funkcję w następujący sposób:

insertString("I want apple", "an ", "apple");

Zauważ, że wstawiam spację po „an” w wywołaniu funkcji, a nie w instrukcji return.

Underscore.String biblioteka posiada funkcję, która robi Insert

insert (string, index, substring) => string

lubię to

insert("Hello ", 6, "world");
// => "Hello world"

próbować

a.slice(0,position) + b + a.slice(position)

var a = "I want apple";
var b = " an";
var position = 6;

var r= a.slice(0,position) + b + a.slice(position);

console.log(r);

lub wyrażenie regularne

"I want apple".replace(/^(.{6})/,"$1 an")

var a = "I want apple";
var b = " an";
var position = 6;

var r= a.replace(new RegExp(`^(.{${position}})`),"$1"+b);

console.log(r);
console.log("I want apple".replace(/^(.{6})/,"$1 an"));

var array = a.split(' '); 
array.splice(position, 0, b);
var output = array.join(' ');

Byłoby to wolniejsze, ale zajmie się dodaniem miejsca przed i po. Również będziesz musiał zmienić wartość pozycji (do 2, teraz jest bardziej intuicyjna)

Szybka naprawa! Jeśli nie chcesz ręcznie dodawać spacji, możesz to zrobić:

var a = "I want apple";
var b = "an";
var position = 6;
var output = [a.slice(0, position + 1), b, a.slice(position)].join('');
console.log(output);

(edytuj: widzę, że tak naprawdę na powyższą odpowiedź odpowiem, przepraszam!)

Jeśli lookbehind ES2018 jest dostępny , jedno rozwiązanie bardziej regexp, że korzysta z niego do „zastąpienia” przy zerowej szerokości pozycji po znaku n-ty (podobny do @Kamil Kiełczewski, ale bez zapisywania początkowych znaków w grupie przechwytywania):

"I want apple".replace(/(?<=^.{6})/, " an")

var a = "I want apple";
var b = " an";
var position = 6;

var r= a.replace(new RegExp(`(?<=^.{${position}})`), b);

console.log(r);
console.log("I want apple".replace(/(?<=^.{6})/, " an"));

Cóż, tylko mała zmiana, ponieważ powyższe rozwiązanie daje wynik

"Chcę jabłko"

zamiast

"Chcę jabłko"

Aby uzyskać wynik jako

"Chcę jabłko"

użyj następującego zmodyfikowanego kodu

var output = a.substr(0, position) + " " + b + a.substr(position);