ソート変更/配列

Question

にオブジェクトデータのリストを編集したのは、私は、このオブジェクトを持っているとしましょう：

{ 
    "data": { 
    "result": [ 
     { 
     "id": 25, 
     "lineNo": "222", 
     "description": "hello" 
     }, 
     { 
     "id": 30, 
     "lineNo": "765", 
     "description": "hmmm" 
     }, 
     { 
     "id": 31, 
     "lineNo": "112", 
     "description": "last" 
     } 
    ] 
    } 
} 

、その後、私はhmmmからID 30でdescriptionを変更：

{ 
    "id": 30, 
    "lineNo": "765", 
    "description": "should be first" 
    }, 

、それはなるだろうこのように：

{ 
    "data": { 
    "result": [ 
     { 
     "id": 25, 
     "lineNo": "222", 
     "description": "hello" 
     }, 
     { 
     "id": 30, 
     "lineNo": "765", 
     "description": "should be first" 
     }, 
     { 
     "id": 31, 
     "lineNo": "112", 
     "description": "last" 
     } 
    ] 
    } 
} 

私の質問は、私が編集した後、私は/並べ替えを変更することができる方法であり、 オブジェクト？誰もがlodashまたはネイティブとのいずれかの例を知っていれば、それに私を参照してください、私もLodashライブラリを使用して

{ 
    "data": { 
    "result": [ 
     { 
     "id": 30, 
     "lineNo": "765", 
     "description": "should be first" 
     }, 
     { 
     "id": 25, 
     "lineNo": "222", 
     "description": "hello" 
     }, 
     { 
     "id": 31, 
     "lineNo": "112", 
     "description": "last" 
     } 
    ] 
    } 
} 

：私はこのような上部に最近編集されたオブジェクトが欲しいです。前もって感謝します。

Answer 1

希望のidの商品を検索するには、Array#some、splice it、unshiftの商品を検索することができます。操作するための変更およびスプライスとアンシフトするためにはforEachを使用して

function updateArrayAndMove(array, id, key, value) { 
 
    array.some(function (o, i, a) { 
 
     if (o.id === id) { 
 
      o[key] = value; 
 
      a.unshift(a.splice(i, 1)[0]); 
 
      return true; 
 
     } 
 
    }); 
 
} 
 

 
var object = { data: { result: [{ id: 25, lineNo: "222", description: "hello" }, { id: 30, lineNo: "765", description: "hmmm" }, { id: 31, lineNo: "112", description: "last" }] } }; 
 

 
updateArrayAndMove(object.data.result, 30, 'description', 'should be first'); 
 
console.log(object);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 2

var object = 
 
{ 
 
    "data": { 
 
    "result": [ 
 
     { 
 
     "id": 25, 
 
     "lineNo": "222", 
 
     "description": "hello" 
 
     }, 
 
     { 
 
     "id": 30, 
 
     "lineNo": "765", 
 
     "description": "should be first" 
 
     }, 
 
     { 
 
     "id": 31, 
 
     "lineNo": "112", 
 
     "description": "last" 
 
     } 
 
    ] 
 
    } 
 
} 
 

 
function changeElement(id, key, value) 
 
{ 
 
    var changedId = -1; 
 
    var arrReturned = object.data.result.forEach(function(element, index){ 
 
    if (element['id'] == id) 
 
    { 
 
     element[key] = value; 
 
     changedId = index; //push the changed index into the array 
 
    } 
 
    }); 
 
    
 
    //element has changed 
 
    //use splice to change the order 
 
    var element = object.data.result.splice(changedId, 1); 
 
    object.data.result.unshift(element[0]) 
 
    
 
    console.log(object) 
 
} 
 

 
changeElement(30, "description", "should be first");

あなたの問題に対する可能な解決策、。

Answer 3

すべてのこの返信は私にいくつかのアイデアを与えました。ここであなたはロダッシュでそれをする方法です。今更新したidオブジェクトを知っている必要があります。

var object = 
    { 
     "data": { 
     "result": [ 
      { 
      "id": 25, 
      "lineNo": "222", 
      "description": "hello" 
      }, 
      { 
      "id": 30, 
      "lineNo": "765", 
      "description": "should be first" 
      }, 
      { 
      "id": 31, 
      "lineNo": "112", 
      "description": "last" 
      } 
     ] 
     } 
    } 

    var filteredObj = _.remove(object.data.result, function(o) { 
     return o.id == '30'; // must know object id 
    }); 
    object.data.result.unshift(filteredObj[0]); 

    console.log("mutated object.data.result", object.data.result) 

例：https://fiddle.jshell.net/uLqfuqn1/

参考：すべてのことの返信にhttps://lodash.com/docs/4.17.4#remove

感謝。