Find() with arrow function in frontend

Ask the community
1

Can anybody explain this (it´s frontend code):

    $w('#container2').onClick((event) => {
            const data = $w('#repeater1').data;
            let objClickedItemData = data.find(item => item._id === event.context.itemId);
            console.log("objClickedItemData=" & JSON.stringify(objClickedItemData));    // this returns "0", without the "objClickedItemData="
            for (var i = 0; i < data.length; i++) {                                     //                 and this works. I get a hit on a array entry
            console.log("_id " + i + " =" + data[i]._id );
             if(event.context.itemId === data[i]._id){ console.log("Hit") 
             }
             else {console.log("No hit") }
         }
    });

The line:

let objClickedItemData = data.find(item => item._id === event.context.itemId);

just returns “0”, not even with the “objClickedItemData=”-part. I copied this find stuff from my backend code, where it works fine. But at the frontend, no go.
The for-loop DOES find the _id, so it is there.

Running Opera 70.0.3728.106.

2

I think you should replace

console . log ( “objClickedItemData=” & JSON . stringify ( objClickedItemData ))

by

console . log ( “objClickedItemData=” + JSON . stringify ( objClickedItemData ))

To see the result

3

Oh shite, you´re right. I have been staring myself blind at it, So bloody obvious that you don´t see it anymore. Thanks for your eyes.

4

I always prefer:

console.log(“objClickedItemData”, JSON.stringify(objClickedItemData));