How to loop through an array and put the result to an array using react and javascript?

Question

i have an array like so,

const array = ["item1/1", "item2/3", "item3/4"]

now i want to loop through these array elements one by one and get only the values from the strings i.e., from first array element "item1/1" should get 1 and put it to an output array similarly for array element 2 "item2/3" should get 3 and put it to output array. similarly for array element "item3/4" should get 4 and put it to output array.

so the expected output array should be ["1", "3", "4"]

i have tried below,

const find = React.useMemo(() => {
    if (arr.length >= 0) {
            
        const match = arr[0].match(/([\w-]+)\/([^/]+)\/$/);
        if (match) return [match[2]];
    }
}, [arr])

but above code does for one array element. how can i loop through array and push the return match in an output array.

i am new to programming. could someone help me with this. thanks.

Why are you using memo?

evolutionxbox
– evolutionxbox

2022-01-19 13:17:05 +00:00
Commented Jan 19, 2022 at 13:17 — evolutionxbox
– evolutionxbox, Commented Jan 19, 2022 at 13:17

Saeed Shamloo · Accepted Answer · 2022-01-19 13:36:28Z

2

You can iterate over your array by map method, and on every itration split your string by / character, then just returining the secion after /. like this:

const array = ["item1/1", "item2/3", "item3/4"]
const result = array.map(str => str.split('/').pop())
console.log(result)

edited Jan 19, 2022 at 13:36

answered Jan 19, 2022 at 13:12

Saeed Shamloo

6,6021 gold badge11 silver badges22 bronze badges

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

1 Comment

Gabriele Petrioli Over a year ago

It would be safer to use .pop() instead of [1], to get the last item regardless of how many there are.

Collectives™ on Stack Overflow

How to loop through an array and put the result to an array using react and javascript?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related