I wonder if I can modify a string inside an array without knowing its position

Question

Ex:

const array=[...'indice n','indice n2',...]

After modifying:

array = [...'maçã','indice n2,...']

---

 function checkForTranslation(){
            var input = document.getElementById('inputTextField').value
            var outputDiv = document.getElementById('translationOutputDiv')
            input = input.toLowerCase();
            const newInput = input.split(space)
            var index = newInput.indexOf('hi')
            if(newInput.includes('hi')){
                outputDiv.innerHTML = `${input.replace(/hi/g, '')}`
            }

I know what’s inside the if doesn’t make much sense, but it’s because I haven’t found a solution yet, but basically I’m trying to make a Translate, but whenever the word is written to be translated into the sentence it when replaced by the translation goes to the end of the sentence, so I thought to transform the string into an array to change the word value inside the array and return to string.

Answer 1

One of the options if you know what value you are looking for within this array is to go through the array to find the desired value and replace it.

Function to go through the array and change the desired value.

function alter (array, value1, value2) {
    for (let i = 0; i < array.length; i++ ) {
        if (array[i] === value1) {
          array[i] = value2;
          return;
        }   
    }
return;
}

Example of use of the function.

let array = ['indice 1', 'indice 2', 'indice 3']
console.log(array); // ["indice 1", "indice 2", "indice 3" ]
alter(array, 'indice 2', 'maça');
console.log(array) // [ "indice 1", "maça", "indice 3" ]

Answer 2

function checkForTranslation(){
            var input = document.getElementById('inputTextField').value
            var outputDiv = document.getElementById('translationOutputDiv')
            input = input.toLowerCase();
            const space = ' ';
            const newInput = input.split(space)
            if (newInput.indexOf('hi') >= 0) {
            var index = newInput.indexOf('hi')
            newInput[index] = 'oi'
            console.log(newInput)
            const finalInput = newInput.join(' ');
            outputDiv.innerHTML = finalInput
            }

I don’t know if I turned around too much but in the end it worked right, thanks guys

Answer 3

The most coherent way would be to create a prototype, so you can use the function in local verios in a simple way.

 Array.prototype.replaceAll = function (oldValue, newValue){
         for(var i = 0; i <= this.length;i++){
                      var index = this[i]?.toLowerCase().indexOf(oldValue.toLowerCase());
            if(index == 0){
                    this[i] = this[i].replace(oldValue, newValue)
            } 
        }
       return this;
}

function checkForTranslation(){
     var input ="Morango é uma fruta vermelha assim como a managa é amarela";
     const newInput = input.split(" ")
     var novoValor = newInput.replaceAll("morango", "maça");
     console.log(novoValor)
     console.log(novoValor.join(' '))
}