Как заменить символ в конкретном индексе в JavaScript?

У меня есть строка, скажем Hello world, и мне нужно заменить char на индекс 3. Как я могу заменить char указав индекс?

var str = "hello world";

Мне нужно что-то вроде

str.replaceAt(0,"h");

ОТВЕТЫ

Ответ 1

В JavaScript строки неизменяемы, что означает, что лучшее, что вы можете сделать, это создать новую строку с измененным контентом и назначить переменную для указания на нее.

Вам нужно определить функцию replaceAt() самостоятельно:

String.prototype.replaceAt=function(index, replacement) {
    return this.substr(0, index) + replacement+ this.substr(index + replacement.length);
}

И используйте его следующим образом:

var hello="Hello World";
alert(hello.replaceAt(2, "!!")); //should display He!!o World

Ответ 2

В JavaScript нет функции replaceAt. Вы можете использовать следующий код для замены любого символа в любой строке в указанной позиции:

function rep() {
    var str = 'Hello World';
    str = setCharAt(str,4,'a');
    alert(str);
}

function setCharAt(str,index,chr) {
    if(index > str.length-1) return str;
    return str.substr(0,index) + chr + str.substr(index+1);
}
<button onclick="rep();">click</button>

Ответ 3

Вы не можете. Возьмите символы до и после позиции и введите в новую строку:

var s = "Hello world";
var index = 3;
s = s.substr(0, index) + 'x' + s.substr(index + 1);

Ответ 4

Здесь много ответов, и все они основаны на двух методах:

  • METHOD1: разделите строку с помощью двух подстрок и введите символ между ними
  • METHOD2: преобразуйте строку в массив символов, замените один элемент массива и присоедините его

Лично я использовал бы эти два метода в разных случаях. Позвольте мне объяснить.

@FabioPhms: ваш метод был тем, который я изначально использовал, и я боялся, что это плохо для строки с большим количеством символов. Однако вопрос в том, что много персонажей? Я тестировал его на 10-дюймовых абзацах "lorem ipsum", и потребовалось несколько миллисекунд. Затем я тестировал его на 10-кратной строчке - не было большой разницы. Hm.

@vsync, @Cory Mawhorter: ваши комментарии недвусмысленны; опять же, что такое большая строка? Я согласен с тем, что для производительности 32... 100 кб лучше, и для этой операции замены символа следует использовать вариант подстроки.

Но что произойдет, если мне придется сделать немало замен?

Мне нужно было выполнить свои собственные тесты, чтобы доказать, что быстрее в этом случае. Скажем, у нас есть алгоритм, который будет манипулировать относительно короткой строкой, состоящей из 1000 символов. Мы ожидаем, что в среднем каждый символ в этой строке будет заменен ~ 100 раз. Итак, код для проверки чего-то вроде этого:

var str = "... {A LARGE STRING HERE} ...";

for(var i=0; i<100000; i++)
{
  var n = '' + Math.floor(Math.random() * 10);
  var p = Math.floor(Math.random() * 1000);
  // replace character *n* on position *p*
}

Я создал скрипку для этого, и здесь. Существует два теста: TEST1 (подстрока) и TEST2 (преобразование массива).

Результаты:

  • TEST1:195ms
  • TEST2: 6ms

Кажется, что преобразование массива превосходит подстроку на 2 порядка! Итак - что, черт возьми, произошло здесь?

Что на самом деле происходит, так это то, что все операции в TEST2 выполняются самим массивом, используя выражение присваивания типа strarr2[p] = n. Назначение действительно быстро по сравнению с подстрокой на большой строке, и ясно, что она собирается выиграть.

Итак, все о выборе правильного инструмента для работы. Опять же.

Ответ 5

Работа с векторами обычно наиболее эффективна для связи со String.

Я предлагаю следующую функцию:

String.prototype.replaceAt=function(index, char) {
    var a = this.split("");
    a[index] = char;
    return a.join("");
}

Запустите этот фрагмент:

String.prototype.replaceAt=function(index, char) {
    var a = this.split("");
    a[index] = char;
    return a.join("");
}

var str = "hello world";
str = str.replaceAt(3, "#");

document.write(str);

Ответ 6

В строках Javascript неизменяемы, поэтому вам нужно сделать что-то вроде

var x = "Hello world"
x = x.substring(0, i) + 'h' + x.substring(i+1);

Чтобы заменить символ в x в я на "h"

Ответ 7

str = str.split('');
str[3] = 'h';
str = str.join('');

Ответ 8

Однострочное использование String.replace с обратным вызовом (без поддержки смайликов):

// 0 - index to replace, 'f' - replacement string
'dog'.replace(/./g, (c, i) => i == 0? 'f': c)
// "fog"

Разъяснение:

//String.replace will call the callback on each pattern match
//in this case - each character
'dog'.replace(/./g, function (character, index) {
   if (index == 0) //we want to replace the first character
     return 'f'
   return character //leaving other characters the same
})

Ответ 9

function dothis() {
  var x = document.getElementById("x").value;
  var index = document.getElementById("index").value;
  var text = document.getElementById("text").value;
  var arr = x.split("");
  arr.splice(index, 1, text);
  var result = arr.join("");
  document.getElementById('output').innerHTML = result;
  console.log(result);
}
dothis();
<input id="x" type="text" value="White Dog" placeholder="Enter Text" />
<input id="index" type="number" min="0"value="6" style="width:50px" placeholder="index" />
<input id="text" type="text" value="F" placeholder="New character" />
<br>
<button id="submit" onclick="dothis()">Run</button>
<p id="output"></p>

Ответ 10

@CemKalyoncu: Спасибо за отличный ответ!

Я также немного адаптировал его, чтобы сделать его более похожим на метод Array.splice(и учитывал примечание @Ates):

spliceString=function(string, index, numToDelete, char) {
      return string.substr(0, index) + char + string.substr(index+numToDelete);
   }

var myString="hello world!";
spliceString(myString,myString.lastIndexOf('l'),2,'mhole'); // "hello wormhole!"

Ответ 11

Это похоже на Array.splice:

String.prototype.splice = function (i, j, str) {
    return this.substr(0, i) + str + this.substr(j, this.length);
};

Ответ 12

Вы можете расширить тип строки, включив метод inset:

String.prototype.append = function (index,value) {
  return this.slice(0,index) + value + this.slice(index);
};

var s = "New string";
alert(s.append(4,"complete "));

Ответ 13

Если вы хотите заменить символы в строке, вы должны создать изменяемые строки. Это, по сути, массивы символов. Вы можете создать factory:

  function MutableString(str) {
    var result = str.split("");
    result.toString = function() {
      return this.join("");
    }
    return result;
  }

Затем вы можете получить доступ к символам, и весь массив преобразуется в строку при использовании в качестве строки:

  var x = MutableString("Hello");
  x[0] = "B"; // yes, we can alter the character
  x.push("!"); // good performance: no new string is created
  var y = "Hi, "+x; // converted to string: "Hi, Bello!"

Ответ 14

Вы могли бы попробовать

var strArr = str.split("");

strArr[0] = 'h';

str = strArr.join("");

Ответ 15

Я сделал функцию, которая делает что-то похожее на то, что вы просите, она проверяет, находится ли символ в строке в массиве недопустимых символов, если он заменяет его символом ''

    var validate = function(value){
        var notAllowed = [";","_",">","<","'","%","$","&","/","|",":","=","*"];
        for(var i=0; i<value.length; i++){
            if(notAllowed.indexOf(value.charAt(i)) > -1){
               value = value.replace(value.charAt(i), "");
               value = validate(value);
            }
       }
      return value;
   }

Ответ 16

Вот версия, которую я придумал, если вы хотите стилизовать слова или отдельные символы в их индексе в реагировать /javascript.

replaceAt( yourArrayOfIndexes, yourString/orArrayOfStrings )

Рабочий пример: https://codesandbox.io/s/ov7zxp9mjq

function replaceAt(indexArray, [...string]) {
    const replaceValue = i => string[i] = <b>{string[i]}</b>;
    indexArray.forEach(replaceValue);
    return string;
}

А вот еще один альтернативный метод

function replaceAt(indexArray, [...string]) {
    const startTag = '<b>';
    const endTag = '</b>';
    const tagLetter = i => string.splice(i, 1, startTag + string[i] + endTag);
    indexArray.forEach(tagLetter);
    return string.join('');
}

И другой...

function replaceAt(indexArray, [...string]) {
    for (let i = 0; i < indexArray.length; i++) {
        string = Object.assign(string, {
          [indexArray[i]]: <b>{string[indexArray[i]]}</b>
        });
    }
    return string;
}

Ответ 17

это легко достижимо с RegExp!

const str = 'Hello RegEx!';
const index = 11;
const replaceWith = 'p';

//'Hello RegEx!'.replace(/^(.{11})(.)/, '$1p');
str.replace(new RegExp('^(.{${ index }})(.)'), '$1${ replaceWith }');

//< "Hello RegExp"

Ответ 18

Обобщая ответ Афанасия Куракина, мы имеем:

function replaceAt(str, index, ch) {
    return str.replace(/./g, (c, i) => i == index ? ch : c)
}

let str = 'Hello World'
str = replaceAt(str, 1, 'u')
console.log(str) // Hullo World

Ответ 19

Вы можете использовать что-то под названием replace, поэтому он заменяет определенную часть строки, которая указана, например:

function replaceTheString() {
  const str = "Donald Trump";
  console.log(str.replace("Tr", "L"));
}

Если вы запустите функцию, она выведет Дональда Лумпа в консоль. Конечно, вы можете сделать это с любым письмом, и это будет работать. Если вы хотите глубже понять string.replace то я предлагаю вам проверить: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace

Ответ 20

Я знаю, что это старо, но решение не работает для отрицательного индекса, поэтому я добавляю к нему патч. надеюсь, что это поможет кому-то

String.prototype.replaceAt=function(index, character) {
    if(index>-1) return this.substr(0, index) + character + this.substr(index+character.length);
    else return this.substr(0, this.length+index) + character + this.substr(index+character.length);

}

Ответ 21

Предположим, вы хотите заменить индекс Kth (индекс на основе 0) на 'Z'. Вы можете использовать Regex для этого.

var re = var re = new RegExp("((.){" + K + "})((.){1})")
str.replace(re, "$1A$`");

Ответ 22

Вы можете использовать следующую функцию для замены Character или String в определенной позиции строки. Чтобы заменить все следующие варианты совпадений, используйте String.prototype.replaceAllMatches().

String.prototype.replaceMatch = function(matchkey, replaceStr, matchIndex) {
    var retStr = this, repeatedIndex = 0;
    for (var x = 0; (matchkey != null) && (retStr.indexOf(matchkey) > -1); x++) {
        if (repeatedIndex == 0 && x == 0) {
            repeatedIndex = retStr.indexOf(matchkey);
        } else { // matchIndex > 0
            repeatedIndex = retStr.indexOf(matchkey, repeatedIndex + 1);
        }
        if (x == matchIndex) {
            retStr = retStr.substring(0, repeatedIndex) + replaceStr + retStr.substring(repeatedIndex + (matchkey.length));
            matchkey = null; // To break the loop.
        }
    }
    return retStr;
};

Тестовое задание:

var str = "yash yas $dfdas.**";

console.log('Index Matched replace : ', str.replaceMatch('as', '*', 2) );
console.log('Index Matched replace : ', str.replaceMatch('y', '~', 1) );

Выход:

Index Matched replace :  yash yas $dfd*.**
Index Matched replace :  yash ~as $dfdas.**

Ответ 23

Методы здесь сложны. Я бы сделал это следующим образом:

var myString = "this is my string";
myString = myString.replace(myString.charAt(number goes here), "insert replacement here");

Это так же просто, как и получается.