更新本地存储中的单个值

Question

所以我有这段代码来更新一个人留在本地存储中的日期和时间

$scope.visitorout = function(){
var dateout1 = new Date(); 
var signout = JSON.parse(localStorage["allVisitors"]);
for(var i=0;i<signout.length;i++)
if (signout[i].id===signout[i].id) signout[i].dateout = dateout1;
localStorage["allVisitors"] = JSON.stringify(signout);
}; 

但是每当我调用该函数时，它都会更改本地存储中每一件事的 dateout 的所有值，但我只希望它只更改一个

我已将代码修改为：

$scope.visitorOut = function(id){
var allVisitors = JSON.parse(localStorage["allVisitors"]);
var visitor;
for(var i=0; i<allVisitors.length; i++){
visitor = allVisitors[i];
if (allVisitors[i].id === visitor.id) {
visitor.dateout = new Date();
console.log(visitor.id)
break;
}
}
localStorage["allVisitors"] = JSON.stringify(allVisitors);

};

它会更新“dateout”，但只是针对 localstorage 中的相同项目，并且 console.log 每次都显示相同的 id...

<div class="list">
  <a class="item item-icon-left item-icon-right" ng-repeat="visit in visits | orderBy: '-date'" ng-click="visitorOut(id); closesignout()" ng-hide="visit.hide">
<i class="icon ion-person"></i>
{{visit.fname}} {{visit.lname}}
<i class="icon ion-log-out" ng-click="hideMe(visit)"></i>

Answer 1

此代码看起来像一个错误。您正在将一个对象与其自身进行比较（这将始终是正确的）：

if (signout[i].id===signout[i].id)

Answer 2

此功能需要知道要更新的访问者。无论您在何处调用此函数，都需要至少传入 userId（如果不是完整的用户对象），例如：$scope.visitorOut(user.id) 或来自 html：<myElement ng-click="visitorOut(user.id)" />

$scope.visitorOut = function(userId){
    var allVisitors = JSON.parse(localStorage["allVisitors"]);
    var visitor;
    for(var i=0; i<allVisitors.length; i++){
        visitor = allVisitors[i];
        if (visitor.id === userId) {
            visitor.dateout = Date.now();
            break;
        }
    }
    localStorage["allVisitors"] = JSON.stringify(signout);
};

请注意，我在这里使用了Date.now()，而不是new Date()。如果要对时间戳进行字符串化，使用时间戳比使用日期要容易得多。时间戳可以像这样转换为日期：

var myDate = new Date(visitor.dateOut);

但是如果你想将一个字符串化的日期转换回一个 Date 对象...it gets complicated (click).

---

我还稍微更改了变量名。 Camelcase 是一种有助于提高可读性的有用命名约定，从阅读其余代码来看，signout 变量似乎实际上是一个 visitor 对象数组，而不是一个注销数组，所以我也重命名了它。