getting the first string in object javascript lodash

Question

i have a data (array of object)

example data.

"data": [
{
"name": "name",
"mockupImages": "http://test.com/image1.png,http://test.com/image2.png"
}]

=========================================== here's my code snippets

<Row>
<Col xs={4}>
<img style={{ width: '40', height: '60'}} src={_.map(data, 'mockupImages')} />
</Col>
</Row

I already get the data mockupImages, the problem is I need to accept only one string

I think what you want is to map all the 'mockupImages' into col If that is the case then use the function instead _.map(array, function(){...}). Then you can return a img with src=mockupImages. — Jalil
– Jalil, Commented Jun 28, 2017 at 6:25
Just for fun: with destructuring: const [result] = (([{mockupImages:u}]) => u.split(','))(data); — Me.Name
– Me.Name, Commented Jun 28, 2017 at 7:29

Ori Drori · Accepted Answer · 2017-06-28 06:59:24Z

1

To get the 1st string, you can use _.get():

const data = [{"name":"name1","mockupImages":"http://test.com/image1.png"},{"name":"name2","mockupImages":"http://test.com/image2.png"}];

const result = _.get(_.get(_.map(data, 'mockupImages'), 0).split(','), 0);

console.log(result);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>

edited Jun 28, 2017 at 6:59

answered Jun 28, 2017 at 6:25

Ori Drori

196k32 gold badges243 silver badges233 bronze badges

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

3 Comments

Mike Victoria Over a year ago

I already try .get(.map(data, 'mockupImages'), 0) , but i need to get only 1 string,

Ori Drori Over a year ago

You have 2 strings inside mockupImages - test.com/image1.png,http://test.com/image2.png. Add this info to your question.

Ori Drori Over a year ago

I've updated the answer. Try to get the server to return something more sensible.

Collectives™ on Stack Overflow

getting the first string in object javascript lodash

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related