JavaScript'te belirli bir dizindeki bir karakteri nasıl değiştiririm?

Bir dize var diyelim Hello worldve indeks 3 char değiştirmek gerekir. Nasıl bir indeks belirterek char değiştirebilirsiniz?

var str = "hello world";

Gibi bir şeye ihtiyacım var

str.replaceAt(0,"h");

JavaScript'te, dizeler değiştirilemez , yani yapabileceğiniz en iyi şey, değiştirilen içerikle yeni bir dize oluşturmak ve değişkeni işaret edecek şekilde atamaktır.

replaceAt()İşlevi kendiniz tanımlamanız gerekir :

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

Ve şu şekilde kullanın:

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

replaceAtJavaScript'te işlev yok . Belirtilen konumdaki herhangi bir dizgideki herhangi bir karakteri değiştirmek için aşağıdaki kodu kullanabilirsiniz:

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>

Yapamazsın. Karakterleri konumdan önce ve sonra alın ve yeni bir dizeye yapıştırın:

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

Burada birçok cevap var ve hepsi iki yönteme dayanıyor:

• YÖNTEM1: dizeyi iki alt dize kullanarak böl ve aradaki karakteri doldur
• YÖNTEM2: dizeyi karakter dizisine dönüştür, bir dizi üyesini değiştir ve ona katıl

Şahsen, bu iki yöntemi farklı durumlarda kullanırdım. Açıklamama izin ver.

@FabioPhms: Metodunuz başlangıçta kullandığım yöntemdi ve çok sayıda karakter içeren dizede kötü olduğundan korkuyordum. Ancak, soru çok karakter nedir? Ben 10 "lorem ipsum" paragraflarda test ve birkaç milisaniye sürdü. Sonra 10 kat daha büyük bir dizede test ettim - gerçekten büyük bir fark yoktu. Hm.

@vsync, @Cory Mawhorter: Yorumlarınız açık; Ancak, yine, büyük bir dize nedir? 32 ... 100kb performans için daha iyi olmalı ve karakter değiştirme işleminin bu alt dizisi için bir alt dize varyantı kullanması gerektiğini kabul ediyorum.

Ama birkaç değişiklik yapmam gerekirse ne olacak?

Bu durumda neyin daha hızlı olduğunu kanıtlamak için kendi testlerimi yapmam gerekiyordu. Diyelim ki 1000 karakterden oluşan nispeten kısa bir dizeyi işleyecek bir algoritmamız var. Ortalama olarak bu dizgideki her karakterin ~ 100 kez değiştirilmesini bekliyoruz. Yani, böyle bir şeyi test etmek için kod:

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*
}

Bunun için bir keman yarattım ve burada . İki test vardır: TEST1 (alt dize) ve TEST2 (dizi dönüşümü).

Sonuçlar:

• TEST1: 195 ms
• TEST2: 6 ms

Dizi dönüşüm alt dizeyi 2 büyüklükte yener gibi görünüyor! Peki - burada ne oldu ???

Gerçekte olan, TEST2'deki tüm işlemlerin, atama ifadesi gibi dizinin kendisinde yapılmasıdır strarr2[p] = n. Atama, büyük bir dizgideki alt dizeye kıyasla gerçekten hızlıdır ve kazanacağı açıktır.

Yani, iş için doğru aracı seçmekle ilgili. Tekrar.

Vektörlerle çalışmak genellikle String ile iletişim kurmak için en etkilidir.

Aşağıdaki işlevi öneririm:

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

Bu snippet'i çalıştırın:

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

Javascript dizeleri değişmez, bu yüzden böyle bir şey yapmak zorunda

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

İ'deki x'deki karakteri 'h' ile değiştirmek için

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

Geri arama ile String.replace kullanan tek astar (emoji desteği yok):

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

Açıklaması:

//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
})

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>

Bu yöntem, küçük uzunluklu dizeler için iyidir, ancak daha büyük metinler için yavaş olabilir.

var x = "White Dog";
var arr = x.split(""); // ["W", "h", "i", "t", "e", " ", "D", "o", "g"]
arr.splice(6, 1, 'F');
var result = arr.join(""); // "White Fog"

/* 
  Here 6 is starting index and 1 is no. of array elements to remove and 
  final argument 'F' is the new character to be inserted. 
*/

@CemKalyoncu: Harika cevap için teşekkürler!

Ayrıca, Array.splice yöntemi gibi daha fazla yapmak için biraz uyarladım (ve @Ates'in notunu dikkate aldım):

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!"

Bu şuna benzer Array.splice:

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

Deneyebilirsin

var strArr = str.split("");

strArr[0] = 'h';

str = strArr.join("");

Dizedeki karakterleri değiştirmek istiyorsanız, değiştirilebilir dizeler oluşturmanız gerekir. Bunlar aslında karakter dizileridir. Bir fabrika oluşturabilirsiniz:

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

Daha sonra karakterlere erişebilirsiniz ve dizenin tamamı dize olarak kullanıldığında dizeye dönüştürülür:

  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!"

Afanasii Kurakin'in cevabını genelleştirerek:

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

Hem normal ifadeyi hem de ikame işlevini genişletip açıklayalım:

function replaceAt(str, index, newChar) {
    function replacer(origChar, strIndex) {
        if (strIndex === index)
            return newChar
        else
            return origChar
    }
    return str.replace(/./g, replacer)
}

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

Normal ifade .tam olarak bir karakterle eşleşir. gO döngü için her karakteri eşleştirmek yapar. Bu replacerişleve, hem orijinal karakter hem de bu karakterin dizede bulunduğu dizin verilir. ifYa origCharda geri dönüp dönmeyeceğimizi belirlemek için basit bir açıklama yaparız newChar.

Dize türünü inset yöntemini içerecek şekilde genişletebilirsiniz:

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

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

Sonra işlevi çağırabilirsiniz:

Sorduğunuza benzer bir şey yapan bir işlev yaptım, dizedeki bir karakterin izin verilmeyen karakterler dizisinde olup olmadığını kontrol eder ''

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

bu RegExp ile kolayca elde edilebilir!

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

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

//< "Hello RegExp"

Reac / javascript dizinindeki sözcükleri veya karakterleri tek tek dizmek istiyorsanız, burada bulduğum bir sürüm.

replaceAt( yourArrayOfIndexes, yourString/orArrayOfStrings ) 

Çalışma örneği: https://codesandbox.io/s/ov7zxp9mjq

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

Ve işte başka bir alternatif yöntem

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

Ve başka...

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

Bu eski olduğunu biliyorum ama çözüm negatif dizin için çalışmıyor, bu yüzden ona bir yama eklemek. umarım birine yardım eder

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

}

KthDizin (0 tabanlı dizin) ile değiştirmek istediğinizi varsayalım 'Z'. Bunu Regexyapmak için kullanabilirsiniz .

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

Bir Dizeyi değiştirmek Characterveya Stringbelirli bir konumda aşağıdaki işlevi kullanabilirsiniz . Aşağıdaki tüm eşleşme durumlarını değiştirmek için String.prototype.replaceAllMatches()işlevini kullanın .

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

Ölçek:

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

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

Çıktı:

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

İşte üçlü ve harita operatörünü kullanarak benim çözüm. Bana sorarsanız daha okunabilir, bakımı kolay anlaşılır son.

Daha çok es6 ve en iyi uygulamalar.

function replaceAt() {
  const replaceAt = document.getElementById('replaceAt').value;

  const str = 'ThisIsATestStringToReplaceCharAtSomePosition';
  const newStr = Array.from(str).map((character, charIndex) => charIndex === (replaceAt - 1) ? '' : character).join('');

  console.log(`New string: ${newStr}`);
}

<input type="number" id="replaceAt" min="1" max="44" oninput="replaceAt()"/>

Buradaki yöntemler karmaşıktır. Bunu şu şekilde yaparım:

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

Bu olabildiğince basit.