Javascript 如何在angular js中的数组中附加给定值
这是我的save函数,我需要将其另存为localstorage中的数组。下面的代码显示了我尝试过的内容??我怎样才能解决这个问题?其中,所有数组中都追加了相同的值 谁能帮我解决这个问题Javascript 如何在angular js中的数组中附加给定值,javascript,jquery,arrays,angularjs,Javascript,Jquery,Arrays,Angularjs,这是我的save函数,我需要将其另存为localstorage中的数组。下面的代码显示了我尝试过的内容??我怎样才能解决这个问题?其中,所有数组中都追加了相同的值 谁能帮我解决这个问题 $scope.savealbum = function() { var AlbumTitle = $("#AlbumTitle").val(); // 345 var AlbumDescription = $("#AlbumDescription").val();
$scope.savealbum = function() {
var AlbumTitle = $("#AlbumTitle").val(); // 345
var AlbumDescription = $("#AlbumDescription").val(); // 345
var ImageName = $("#ImageName").val(); // 345
var youtube1 = $scope.youtubelink1; // 345
var youtube2 = $scope.youtubelink2; // 345
var videocomment1 = $scope.videocomment1; // 345
var videocomment2 = $scope.videocomment2; // 345
var imagearray = $scope.imagearray; // 345
var Album = {
album_desc: AlbumDescription,
id: 1,
album_title: AlbumTitle,
ImageName: ImageName,
youtube1: youtube1,
youtube2: youtube2,
videocomment1: videocomment1,
videocomment2: videocomment2,
album_pics: []
};
// if (JSON.parse(localStorage.getItem('album')!="")) {
var newPics = {
"media_type": imagearray['_file']['type'],
"last_modified_date": imagearray['_file']['lastModified'],
"thumnail_pic_loc": imagearray['_file']['name'],
"large_pic_loc": imagearray['_file']['name'],
"filter_type": imagearray['_file']['type'],
"pic_id": "d5bd"
};
Album.album_pics.push(newPics);
// }
$scope.albarr = [];
$scope.albarr.push(Album);
if (!JSON.parse(localStorage.getItem('album'))) {
localStorage.setItem('album', JSON.stringify($scope.albarr));
} else {
$scope.getalb=JSON.parse(localStorage.getItem('album'));
for(irf in $scope.getalb) {
console.log('$scope.getalb');
console.log($scope.getalb[irf]);
$scope.album.album_desc = AlbumDescription;
//$scope.album.id= val['id']+1;
$scope.album.album_title= AlbumTitle;
$scope.album.ImageName= ImageName;
$scope.album.youtube1= youtube1;
$scope.album.youtube2= youtube2;
$scope.album.videocomment1= videocomment1;
$scope.album.videocomment2= videocomment2;
$scope.album.album_pics= [{
"media_type": imagearray['_file']['type'],
"last_modified_date": imagearray['_file']['lastModified'],
"thumnail_pic_loc": imagearray['_file']['name'],
"large_pic_loc": imagearray['_file']['name'],
"filter_type": imagearray['_file']['type'],
"pic_id": "d5bd"
}];
$scope.getalb[irf]=$scope.album;
$scope.albarr.push($scope.getalb[irf]);
}
console.log($scope.albarr);
localStorage.setItem('album', JSON.stringify($scope.albarr));
//$route.reload();
}
}
现在的结果
[{
"album_desc": "test2",
"id": 1,
"album_title": "Test1",
"ImageName": "Penguins.jpg",
"album_pics": [{
"media_type": "image/jpeg",
"last_modified_date": 1247549551000,
"thumnail_pic_loc": "Penguins.jpg",
"large_pic_loc": "Penguins.jpg",
"filter_type": "image/jpeg",
"pic_id": "d5bd"
}]
}, {
"album_title": "Test1",
"album_desc": "test2",
"ImageName": "Penguins.jpg",
"album_pics": [{
"media_type": "image/jpeg",
"last_modified_date": 1247549551000,
"thumnail_pic_loc": "Penguins.jpg",
"large_pic_loc": "Penguins.jpg",
"filter_type": "image/jpeg",
"pic_id": "d5bd"
}]
}]
我的预期产出
[{
"album_desc": "test1",
"id": 1,
"album_title": "Test1",
"ImageName": "Light.jpg",
"album_pics": [{
"media_type": "image/jpeg",
"last_modified_date": 1247549551000,
"thumnail_pic_loc": "Light.jpg",
"large_pic_loc": "Light.jpg",
"filter_type": "image/jpeg",
"pic_id": "d5bd"
}]
}, {
"album_title": "Test1",
"album_desc": "test2",
"ImageName": "Penguins.jpg",
"album_pics": [{
"media_type": "image/jpeg",
"last_modified_date": 1247549551000,
"thumnail_pic_loc": "Penguins.jpg",
"large_pic_loc": "Penguins.jpg",
"filter_type": "image/jpeg",
"pic_id": "d5bd"
}]
}]
如果我理解您的问题,您只想在每次单击表单时在本地存储阵列中附加一个新相册?并且您的代码当前每次都存储同一个相册 对于这个简单的操作,您的代码非常复杂!我不明白你的目标是什么 对我来说,以下是解决方案:
$scope.getalb=JSON.parse(localStorage.getItem('album');
if(!JSON.parse($scope.getalb)){
setItem('album',JSON.stringify($scope.albarr));
}否则{
$scope.getalb.push(相册);
setItem('album',JSON.stringify($scope.getalb));
}
只是一个旁注。。。使用(…in…)在javascript中迭代数组被认为是不好的做法。你只是在寻找吗?我不知道,如何克服这个问题?是的@adeneo我使用了相同的方法,但得到了错误的结果如何解决这个问题?move$scope.albarr.push(Album)代码>到localStorage之后的函数末尾。