Reactjs - Замена значения массива из другого

Question

У меня есть массив

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

И я получил ответ JSON из

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

Как я могу заменить значение url в imagesArray из path значения JSON ответ в как 1.jpg, 5.jpg, 7.jpg?

Answer 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

Answer 2

Может быть, вы можете сделать что-то вроде этого:

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.

Answer 3

Это даст вам массив из трех объектов с URL пр вы хотите.

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