Inserir string na posição x de outra string

Eu tenho duas variáveis ​​e preciso inserir string bem string ano ponto representado por position. O resultado que estou procurando é "Quero uma maçã". Como posso fazer isso com 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);

Opcional: Como um método de protótipo de String

O seguinte pode ser usado para emendar textdentro de outra string em um desejado index, com um removeCountparâmetro opcional .

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);

Editar: substituído .substrpor .substringporque .substragora é uma função herdada (por https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/substr )

Você pode adicionar esta função à classe de string

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

para que você possa usá-lo em qualquer objeto string:

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

O uso de literais de seqüência de caracteres ES6 seria muito mais curto:

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'

Talvez seja ainda melhor se você determinar a posição usando indexOf () assim:

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";
}

então chame a função assim:

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

Observe que eu coloquei um espaço após o "an" na chamada de função, em vez de na declaração de retorno.

A biblioteca Underscore.String tem uma função que insere

insert (string, index, substring) => string

igual a

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

experimentar

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);

ou solução regexp

"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(' ');

Isso seria mais lento, mas cuidará da adição de espaço antes e depois do an. Além disso, você terá que alterar o valor da posição (para 2, agora é mais intuitivo)

Conserto rápido! Se você não quiser adicionar um espaço manualmente, faça o seguinte:

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);

(edit: vejo que isso é realmente respondido acima, desculpe!)

Se o lookback do ES2018 estiver disponível , mais uma solução de regexp, que o utiliza para "substituir" em uma posição de largura zero após o caractere N-ésimo (semelhante ao do @Kamil Kiełczewski, mas sem armazenar os caracteres iniciais em um grupo de captura):

"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"));

Bem, apenas uma pequena alteração, porque a solução acima é exibida

"Eu quero uma maçã"

ao invés de

"Eu quero uma maçã"

Para obter a saída como

"Eu quero uma maçã"

use o seguinte código modificado

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