Reactjs - Replacing array value from another

Question

I have an array of

var imagesArray = [
  {
   url: '4.jpg'
  },
  {
   url: '2.jpg'
  },
  {
   url: '3.jpg'
  }
];

And I got a JSON response of

   [{"path":"site:1.jpg","data":[]},
   {"path":"site:5.jpg","data":[]},
   {"path":"site:7.jpg","data":[]}]

How can I replace the url value in imagesArray from JSON response's path value as 1.jpg, 5.jpg, 7.jpg?

I don't think what you are asking is clear. What is the relationship? Their position in the array? Ie: does imagesArray[0] == response[0]? — Chris
– Chris, Commented Dec 9, 2016 at 7:52

Rob Lynch · Accepted Answer · 2016-12-09 07:42:48Z

2

This will give you an array of three objects with the url property you want.

var formatedResponse = response.map((r) => { return {url: r.path.split(':')[1]};})

answered Dec 9, 2016 at 7:42

Rob Lynch

6115 silver badges11 bronze badges

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

Comments

Ved · Accepted Answer · 2016-12-09 07:37:43Z

1

var imagesArray = [
  {
   url: '4.jpg'
  },
  {
   url: '2.jpg'
  },
  {
   url: '3.jpg'
  }
];

response =    [{"path":"site:1.jpg","data":[]},
   {"path":"site:5.jpg","data":[]},
   {"path":"site:7.jpg","data":[]}]

class Test extends React.Component {
        render(){
    imagesArray = imagesArray.map((img,i)=>{return({url : response[i].path}) })
        return (
        <code>{JSON.stringify(imagesArray)}</code>
      )
    }
}

React.render(<Test />, document.getElementById('container'));

DEMO

answered Dec 9, 2016 at 7:37

Ved

12.1k5 gold badges46 silver badges61 bronze badges

2 Comments

Hulk1991 Over a year ago

I need a output as [{"url":"1.jpg"},{"url":"5.jpg"},{"url":"7.jpg"}]

Hulk1991 Over a year ago

How can I add if response > imagesArray

Boky · Accepted Answer · 2016-12-09 07:29:35Z

1

Maybe you can do something like this :

let imagesArray = [
  {
    url: '4.jpg'
  },
  {
    url: '2.jpg'
  },
  {
    url: '3.jpg'
  }
];
    
let response = [
  {"path":"site:1.jpg","data":[]},
  {"path":"site:5.jpg","data":[]},
  {"path":"site:7.jpg","data":[]}
]

let newArray = imagesArray.map( (img, i) => img.url = response.filter( r => r.path)[i]);

console.log(JSON.stringify(newArray));

Here is fiddle.

answered Dec 9, 2016 at 7:29

Boky

12.1k30 gold badges104 silver badges173 bronze badges

Collectives™ on Stack Overflow

Reactjs - Replacing array value from another

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related