如何在数组中附加特定值？

Question

This is my directive.I want to append the array specific array value in existing array

localStorage.getItem('albumcomments') = "[{"id":1,"photocomment":"sdfsdfs"}]";

angular.module('albumlikeFeature',[]).directive('albumlikeFeature', ['$filter', '$route', function ($filter, $route) {

return {
    restrict: 'E',
    scope: {},
    templateUrl: 'app/components/album/albumlikefeature.html',
    link : function(scope, element, attrs) {

        scope.likeCount = 0;
        scope.unlikeCount = 0;


        scope.likeClick = function (dataid) {
        scope.likeCount += 1;          

        if(JSON.parse(localStorage.getItem('albumcomments'))){

                var newDataLike = [];
                 angular.forEach(localStorage.getItem('albumcomments'), function(likeCount, item){
                    console.log('test');
                    newDataLike.push({id:item.id, photocomment:item.photocomment, like:likeCount});
                });

                console.log(newDataLike);
                localStorage.setItem('albumcomments',JSON.stringify(newDataLike));

        }

      };

My expected output is

[{"id":1,"photocomment":"test","like":"1","unlike":"1"}

Now output is

[{"like":"["},{"like":"{"},{"like":"\""},{"like":"i"},{"like":"d"},{"like":"\""},{"like":":"},{"like":"1"},{"like":","},{"like":"\""},{"like":"p"},{"like":"h"},{"like":"o"},{"like":"t"},{"like":"o"},{"like":"c"},{"like":"o"},{"like":"m"},{"like":"m"},{"like":"e"},{"like":"n"},{"like":"t"},{"like":"\""},{"like":":"},{"like":"\""},{"like":"s"},{"like":"d"},{"like":"f"},{"like":"s"},{"like":"d"},{"like":"f"},{"like":"s"},{"like":"\""},{"like":"}"},{"like":"]"}]

Answer 1

localStorage.getItem('albumcomments') = JSON.parse('[{"id":1,"photocomment":"sdfsdfs"}]');

angular.module('albumlikeFeature',[]).directive('albumlikeFeature', ['$filter', '$route', function ($filter, $route) {

return {
  restrict: 'E',
  scope: {},
  templateUrl: 'app/components/album/albumlikefeature.html',
  link : function(scope, element, attrs) {

  scope.likeCount = 0;
  scope.unlikeCount = 0;


  scope.likeClick = function (dataid) {
  scope.likeCount += 1;          

  if(localStorage.getItem('albumcomments').length > 0){

    var newDataLike = [];

    $.each(localStorage.getItem('albumcomments'), function(value, key){
      $(this) = $this;

      console.log('test');

      newDataLike.push( {id: $this.id, photocomment: $this.photocomment, like: scope.likeCount} );
    });

    console.log(newDataLike);
    localStorage.setItem('albumcomments',JSON.stringify(newDataLike));

  }

};

Try that

Answer 2

I guess you should create a new array and then you can push the things while iterating:

 var data = [{"id":1,"photocomment":"test"},{"id":1,"photocomment":"test1"}]; var newData = []; $.each(data, function(i, item){ newData.push({id:item.id, photocomment:item.photocomment, like:i, unlike:i}); }); console.log(newData); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

Answer 3

Try this hope it will help

  
 
  
  
  
 
   
 
    
    angular.module('albumlikeFeature',[]).directive('albumlikeFeature', ['$filter', '$route', function ($filter, $route) {

    return {
        restrict: 'E',
        scope: {},
        templateUrl: 'app/components/album/albumlikefeature.html',
        link : function(scope, element, attrs) {

    		scope.likeCount = 0;
    		scope.unlikeCount = 0;
    		
    		
            scope.likeClick = function (dataid) {
    		scope.likeCount += 1;          
    		
    		if(JSON.parse(localStorage.getItem('albumcomments'))){
    				
    				var newDataLike = [];
    				 angular.forEach(JSON.parse(localStorage.getItem('albumcomments')), function(likeCount, item){				
    					newDataLike.push({id:likeCount.id, photocomment:likeCount.photocomment, like:scope.likeCount,unlike:scope.unlikeCount});
    				});
    				
    				localStorage.setItem('albumcomments',JSON.stringify(newDataLike));
    		}
    		
          };
    	  
    	   scope.unlikeClick = function (dataid) {
    	   scope.unlikeCount += 1;          
    		
    		if(JSON.parse(localStorage.getItem('albumcomments'))){
    				
    				var newDataUnlike = [];
    				 angular.forEach(JSON.parse(localStorage.getItem('albumcomments')), function(i, item){
    					newDataUnlike.push({id:i.id, photocomment:i.photocomment,like:scope.likeCount,unlike:scope.unlikeCount});
    				});

    				console.log(newDataUnlike);
    				localStorage.setItem('albumcomments',JSON.stringify(newDataUnlike));
    		}
    		
          };
    	  
        }           
     }
    }]);