how to remove first two characters in object array using lodash

Question

This question might be simple! I am working in an angular project. Consider my array format is like below.

 "dataItem": [
    {
        "id": "1",
        "caption": "01   Data One"
    },
    {
        "id": "2",
        "caption": "02   Data Two"
    },
    {
        "id": "3",
        "caption": "03   Data Three"
    }   
]

In the caption property, I want to strip off first two characters (i.e. 01, 02, 03). So, the caption would be something similar like below

"dataItem": [
    {
        "id": "1",
        "caption": "Data One"
    },
    {
        "id": "2",
        "caption": "Data Two"
    },
    {
        "id": "3",
        "caption": "Data Three"
    }   
]

Is there a way to use lodash to write one or two lines of code to achieve this? I tried other resources, but could not get vertical slices in a simple way!

Sandeep · Accepted Answer · 2020-05-12 16:04:28Z

1

Something like this would work,

const lodash = require('lodash')

const data = {
  "dataItem": [
    {
        "id": "1",
        "caption": "01   Data One"
    },
    {
        "id": "2",
        "caption": "02   Data Two"
    },
    {
        "id": "3",
        "caption": "03   Data Three"
    }   
]
}

const result = lodash.map(data.dataItem, item => {
  // substring from 5 because number and spaces seem to end at fifth position
  return { ...item, caption: item.caption.substring(5) }
})

answered May 12, 2020 at 16:04

Sandeep

21.2k7 gold badges68 silver badges109 bronze badges

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

1 Comment

Viswa Over a year ago

This works like charm! Thanks @Sandeep. Instead of substring(5), I used substring(2).trim(). Thank you.

SeekerDK · Accepted Answer · 2020-05-12 15:40:00Z

0

You can use vanilla JS to do that.

for (item of dataItem) {
  item.caption = item.caption.substring(2).replace(/(^\s+|\s+$)/g, "");
}
console.log(dataItem);

If you really want to use lodash, it would look something like this (not tested)

_.forEach(dataItem, function(item) {
  item.caption = item.caption.substring(2).replace(/(^\s+|\s+$)/g, "");
});

answered May 12, 2020 at 15:40

SeekerDK

1

1 Comment

Viswa Over a year ago

Thanks @SeekerDK. Unfortunately, I am getting the error when I tried to assign caption property: "ERROR TypeError: Cannot assign to read only property 'caption' of object '[object Object]'" using vanilla JS. checking on that. appreciate your swift response. Its useful.

Collectives™ on Stack Overflow

how to remove first two characters in object array using lodash

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related