How to validate if my list consist of same name and alert already exist?

Question

I want to validate the name if it's already exit or not.

if Exist there should be a pop up to change the name

Here is my list of object before saving.

input change

handleStoryboardTitleChange = (e) => {
this.setState({ storyboardTitle: e.target.value });
};

save function

handleSaveButton = () => { };

How to check if boardTitle is already exit , if exit need popup,later it should not execute flow

Possible duplicate of [Find a value in an array of objects in Javascript](https://stackoverflow.com/questions/12462318/find-a-value-in-an-array-of-objects-in-javascript) — Hayden Carlson, Jun 04 '18 at 18:04
@HaydenCarlson i need help in react as well, is this a duplicate — R9102, Jun 04 '18 at 18:05

Sasha Kos · Accepted Answer · 2018-06-04T19:00:25.887

4

I usually use this

var index = boardTitlesList.findIndex((item) => {
    return item.boardTitle === SEARCHED_TITLE
});

if (index === -1) {
    /* NOT FOUND */
} else {
    /* FOUND */
}

Here you may found polyfill for findIndex

edited Jun 04 '18 at 19:00

answered Jun 04 '18 at 18:13

Sasha Kos

2,480
2
22
37

Where do we get SEARCHED_TITLE – R9102 Jun 04 '18 at 18:15
this is your e.target.value – Sasha Kos Jun 04 '18 at 18:16
can i put it directly e.target.value?? because it is inside the the other function – R9102 Jun 04 '18 at 18:17
or it should be this.state.target value?? – R9102 Jun 04 '18 at 18:20
is this should be inside handleStoryboardTitleChange() or handleSaveButton() – R9102 Jun 04 '18 at 18:26
Let us [continue this discussion in chat](https://chat.stackoverflow.com/rooms/172442/discussion-between-sasha-kos-and-jmr). – Sasha Kos Jun 04 '18 at 18:28
return item.boardTitle === SEARCHED_TITLE ----->it returns 1 so condition fails – R9102 Jun 04 '18 at 20:35
Thanks you for you valuable time , it helped me a lot – R9102 Jun 04 '18 at 20:51

How to validate if my list consist of same name and alert already exist?

1 Answers1