How to get array format in javascript?

Question

I am getting an array in AngularJs with factory function. This is the console

Array[0]
  0: "value1"
  1: "value2"
  length:2

But when i want to get the length of the array

console.log(array.length)

getting data from mysql in loopback

 app.factory("getFoo", function(Communications){
 return {
   getCommi: function(val,id){
    var array = [];
    var myVals = Communications.find({
                    filter: {
                        where: {
                            and : [{
                                communications_type_code : val
                            },{
                                object_id : id
                            }]
                        }
                    } 
                }, function(data){
                    for(var i=0; i< data.length; i++){
                        array[i] = data[i].contact_value;
                    }
                    return array;
        });

        return array;
      }
  }
});

The controller look like:

app.controller('usersFormCtrl', ['$scope','getFoo',function($scope,getFoo){
var emails = getFoo.getCommi(3,1);

setTimeout(function(){
    $scope.formModel.emails = [];
    for(var index=0; index < $scope.emails.length; index++){
        $scope.emails = emails;
    }
}, 0)
}])

I get that the length is 0. Why is that?

share more of your code. where you log in console and where you get the array? — tanmay
– tanmay, Commented Apr 3, 2017 at 9:23
How you are adding element to array? Kindly share. The display code of yours is proper and I think the issue is while you are adding the elements to array. Check this: stackoverflow.com/questions/36401124/… — Jaffer Wilson
– Jaffer Wilson, Commented Apr 3, 2017 at 9:25

Community · Accepted Answer · 2017-05-23 10:30:45Z

1

This is a timing issue. The first time you ask for the length it is indeed 0, but when you inspect the object a few seconds later with Chrome Dev Tools you are inspecting the live object which has now been filled.

You can confirm this by using setTimeout

setTimeout(function(){
   console.log(array);
}, 0)

You can checkout this link for further explanation

UPDATE

In angular, use $timeout instead of setTimeout. Like this:

$timeout(function(){
   console.log(array);
}, 0)

edited May 23, 2017 at 10:30

CommunityBot

11 silver badge

answered Apr 3, 2017 at 9:24

Muhammed Neswine

2,0571 gold badge21 silver badges20 bronze badges

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

3 Comments

oded Over a year ago

it's working. but since i am using angular i am using that with scope. I update my question.

Muhammed Neswine Over a year ago

@oded: I have updated my answer. Please let me know why the answer was downvoted

oded Over a year ago

my mistaske. happen accidentley.

Tom Cool · Accepted Answer · 2017-04-03 09:26:23Z

0

The length property of an Array in JavaScript is immutable. You can either set an Array's size by defining how many properties will be in there: var a = new Array(2), or by just passing in your values: var a = ['value1', 'value2'].

answered Apr 3, 2017 at 9:26

Tom Cool

1

Comments

Ebrahim Pasbani · Accepted Answer · 2017-04-03 10:29:49Z

You mix async with sync approaches here.

Communications.find is async but you use it in getCommi like sync function.

When you call getCommi the function return immediately with empty array.

Please change according below.

app.factory("getFoo", function(Communications){
 return {
   getCommi: function(val,id, cb){
    var array = [];
    var myVals = Communications.find({
                    filter: {
                        where: {
                            and : [{
                                communications_type_code : val
                            },{
                                object_id : id
                            }]
                        }
                    } 
                }, function(data){
                    for(var i=0; i< data.length; i++){
                        array[i] = data[i].contact_value;
                    }
                    cb(null, array);
        });   
      }
  }
});

and

app.controller('usersFormCtrl', ['$scope','getFoo',function($scope,getFoo){
getFoo.getCommi(3,1, function(err, emails){
  $scope.formModel.emails = [];
    for(var index=0; index < $scope.emails.length; index++){
        $scope.emails = emails;
    }
});    
}])

DISCLAIMER : I don't know angular.

raj peer · Accepted Answer · 2017-04-03 09:28:23Z

-1

try this,

console.log(array[0].length)

answered Apr 3, 2017 at 9:28

raj peer

7287 silver badges13 bronze badges

2 Comments

Rajesh Dixit Over a year ago

If length is returning 0, array[0].length will throw error. Length of undefined

raj peer Over a year ago

can you plz add your javascript code, related to this

Collectives™ on Stack Overflow

How to get array format in javascript?

4 Answers 4

3 Comments

Comments

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related