React: find string in array and rename it

Question

How can I rename an element of an array if this element contains a given string?

So e.g. I have an array in my state:

constructor(props) {
        super(props);
        this.state = {
            array: ["stack", "overflow", "question"],
        }
}

and now I wanna replace the string question with e.g. answer. So I could easily do this if the index of question is always the same but how can I replace question with answer if question always have an other index? This should be done in the most efficient way. Hope anyone can help me. Thanks

Find the index then change it. Or use a simple loop.

VLAZ
– VLAZ

2020-05-11 09:27:05 +00:00
Commented May 11, 2020 at 9:27 — VLAZ
– VLAZ, Commented May 11, 2020 at 9:27

Vivek Doshi · Accepted Answer · 2020-05-11 09:39:53Z

5

HERE YOU GO :

This is just a code snippet, you can apply your logic as well, I have just compare exact string for simplicity of code.

console.log(
        ["stack", "overflow", "question"]
        .map(str => str==="question" ? "answer" : str)
)

In react, you can use it like

this.setState((state) => {
    array : state.array.map(str => str==="question" ? "answer" : str)
})

edited May 11, 2020 at 9:39

answered May 11, 2020 at 9:26

Vivek Doshi

58.8k12 gold badges120 silver badges126 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Karthick Over a year ago

OP wants the array element in the original replaced. This code creates a new array.

Vivek Doshi Over a year ago

@dww, in react you can't mutate state directly, you need new copy of that, so this is perfectly fine for react. as you can see the array is inside the state

Iso · Accepted Answer · 2020-05-11 09:47:45Z

1

You could use indexOf to find out what index the item is at and then replace that.

Something like:

const arr = ["stack", "overflow", "question"];

function replaceStr(newStr, str, arr){
  if(arr.indexOf(str) >= 0){
    arr[arr.indexOf(str)] = newStr;
  }
  return arr;
}

console.log(replaceStr("Hello", "question", arr))

edited May 11, 2020 at 9:47

Iso

3,23825 silver badges31 bronze badges

answered May 11, 2020 at 9:29

Rob Bailey

9711 gold badge8 silver badges24 bronze badges

Collectives™ on Stack Overflow

React: find string in array and rename it

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related