JavaScript配列内の行/インデックスをAngularJSを使用してスワップ

Question

JavaScriptオブジェクトの配列を保持するカスタムディレクティブがあります。

オブジェクトは少し複雑で長いですが、私は私の問題を指摘して似たような表示されます。

これのJSON.stringifyは、次のように表示されます。

[ 
    { 
    "Id": 1, 
    "Name": "John Doe", 
    "EMail": "john@doe.com" 
    }, 
    { 
    "Id": 2, 
    "Name": "Jim Doe", 
    "EMail": "jim@doe.com" 
    }, 
    { 
    "Id": 3, 
    "Name": "Jeff Doe", 
    "EMail": "jeff@doe.com" 
    } 
] 

私は、さらに表示するng-repeatを使用していますHTML上の表形式の値。

値は、データベースから値を取得するAPI呼び出しに由来しています。

ID3のオブジェクト全体をID1のオブジェクト全体にスワップしたいので、表の表示中にId3オブジェクトの詳細が最初に表示され、ID1のオブジェクトの詳細が最後に表示され、機能が破られることはありません。

フロントエンド自体でこれを行うにはどうすればよい解決策がありますか？

Answer 1

一時変数を使用してスワップするのはどうですか？

var arr = [{"Id":1,"Name":"John Doe","EMail":"john@doe.com"}, 
{"Id":2,"Name":"Jim Doe","EMail":"jim@doe.com"}, 
{"Id":3,"Name":"Jeff Doe","EMail":"jeff@doe.com"}] 
var tmpObj = arr[0]; 
arr[0] = arr[2]; 
arr[2] = tmpObj; 

Answer 2

あなたは、配列を逆にしたい場合は、オブジェクトの数が多いため、私はforループを実行しているArray.prototype.reverse()

var app = angular.module("myApp", []); 
 

 
app.controller("myController", function($scope) { 
 
    var arr = [ 
 
    { 
 
     "Id": 1, 
 
     "Name": "John Doe", 
 
     "EMail": "john@doe.com" 
 
    }, 
 
    { 
 
     "Id": 2, 
 
     "Name": "Jim Doe", 
 
     "EMail": "jim@doe.com" 
 
    }, 
 
    { 
 
     "Id": 3, 
 
     "Name": "Jeff Doe", 
 
     "EMail": "jeff@doe.com" 
 
    } 
 
    ]; 
 
    
 
    $scope.array = arr.reverse(); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.0/angular.min.js"></script> 
 

 
<div ng-app="myApp"> 
 
    <div ng-controller="myController"> 
 
    <div ng-repeat="item in array"> 
 
     {{item.Id}} - {{item.Name}} - {{item.EMail}} 
 
    </div> 
 
    </div> 
 
</div>