how to push data into an array with key and value?

Question

i have this object with arrays

$scope.filters = {     
      Sites: [], 
      Regions: [], 
      Devices : [], 
      Variables : [],      
     };

i want to push into Variables {'VariableName': 'Total Active Energy'};

i did this

     var obj = {};
      obj['VariableName'] = response.data[0].AutoReportVariable;
      $scope.filters.Variables.push(obj);        
      console.log($scope.filters.Variables);

but in console I take :

0:{VariableName:'Total Active Energy'}
how can i push the value to take in console only {VariableName:'Total Active Energy'} without key 0 ?

i want this to have

$scope.filters = {     
  Sites: [], 
  Regions: [], 
  Devices : [], 
  Variables : [{VariableName:'Total Active Energy'}]      
 };

You have the format you want! console.log shows you indexes too. What is your problem?? Maybe an object?? — Saeed
– Saeed, Commented May 8, 2018 at 7:56
console.log($scope.filters.Variables.VariableName); is undefined. — devRena
– devRena, Commented May 8, 2018 at 8:02
i have to say console.log($scope.filters.Variables[0].VariableName); is this possible to push this value and console.log($scope.filters.Variables.VariableName); is not undefined? — devRena
– devRena, Commented May 8, 2018 at 8:05

Pyae Phyoe Shein · Accepted Answer · 2018-05-08 08:12:36Z

1

it's not like that,

$scope.filters = {     
    Sites: [], 
    Regions: [], 
    Devices : [], 
    Variables : [],      
};
$scope.filters.Variables.push({
    VariableName: 'Total Active Energy'
});
console.log($scope.filters.Variables);

answered May 8, 2018 at 8:12

Pyae Phyoe Shein

13.9k47 gold badges153 silver badges244 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Saeed · Accepted Answer · 2018-05-08 08:07:11Z

0

Look this code briefly

var $scope = {};

$scope.filters = {     
  Sites: [], 
  Regions: [], 
  Devices : [], 
  Variables : [{VariableName:'Total Active Energy'}]      
 };
 
 console.log("showing total araay:");
 console.log($scope.filters.Variables);
 
 console.log("showing item by item");
 $scope.filters.Variables.forEach(function(itm, index) {
  console.log("item " + JSON.stringify(itm) + " is in index " + index)
 });

answered May 8, 2018 at 8:07

Saeed

5,4983 gold badges30 silver badges43 bronze badges

5 Comments

Projesh Pal Over a year ago

It is not a solution of angular js

Saeed Over a year ago

Is the question related to angularJs? It is something about arrays and objects in javascript! @ProjeshPal

Projesh Pal Over a year ago

1- normally we don't use $scope.variable format in normal JS Unless someone is unawares of AngularJs 2. The post is tagged with angularJs

Saeed Over a year ago

So you add ng-repeat because of angularJs. right? @ProjeshPal

Projesh Pal Over a year ago

No. ng-repeat is to demonstrate that after pushing object scope data is working properly in view. And you did not answer how to push object even in JS. You just run a for each and log static object

Projesh Pal · Accepted Answer · 2018-05-08 09:30:37Z

You need to push object to the array

angular.module('myApp', []).controller('namesCtrl', function($scope) {
  $scope.filters = {     
    Sites: [], 
    Regions: [], 
    Devices : [], 
    Variables : []      
   };
   for(var i=0;i<10;i++){
   
   var obj={VariableName:'Total Active Energy'+i};
   $scope.filters.Variables.push(obj);
   }
   angular.forEach($scope.filters.Variables, function(value, key) {
   console.log("item " + JSON.stringify(value) + " is in index " + key)
   });
   
   
});

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="namesCtrl">
  <ul>
      <li ng-repeat="x in filters.Variables">
        VariableName: {{x.VariableName}}
      </li>
  </ul>

</div>

</body>
</html>

Collectives™ on Stack Overflow

how to push data into an array with key and value?

3 Answers 3

Comments

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related