查找和多维JS数组替换元素W/O型变异的阵列

Question

我有一个数组，看起来是这样的：

[ [ {Obj}, {Obj}, {Obj} ], [ {Obj}, {Obj}, {Obj} ] ... ] 

而且我有一个进入的对象，应更换对象之一阵列。我能找到的对象我想用一个for循环更换，使用id财产直接替代它：

function findObject(arr, target) { 
    for (let i = 0; i < arr.length; i++) { 
     for (let j = 0; j < arr[i].length; j++) { 
     if (arr[i][j].id === target.id) 
      arr[i][j] = target; 
     } 
    } 
    } 

    findObject(arr, target); 
    // do stuff with arr 

我怎样才能达到同样的效果，而不突变原始数组，最好用合并对象中返回的新数组一个功能？

这里是为了方便起见，JS小提琴：https://jsfiddle.net/tnpxh8fy/

Answer 1

您应该使用.map，这将创建一个新的数组：

function findObject(arr, target) { 
    return arr.map(function(users) { 
    return users.map(function(user) { 
     if (user.id === target.id) { 
     return target; 
     } else { 
     return user; 
     } 
    }); 
    }); 
} 

Answer 2

一些复制会做的伎俩：

findObj = function(arrArrObj, needle) { 
    var ret = Array.from(arrArrObj) 
    for (let i in ret) 
    for (let j in i) 
     if (ret[i][j].id === needle.id) { 
     ret[i] = Array.from(ret[i]) // as needed 
     ret[i][j] = needle 
     // break 
     } 
    return ret 
}