Dynamic Array in JavaScript

Question

I want to create dynamic array of taxes in javascript for which I used the following code:

$("table").on("focusout",".tax_amount",function(e){
    var IDs = new Array();
    $('.tax_amount').each(function(){ 
        k = this.id;
        if(typeof IDs[k] === 'undefined') {
            IDs[k] = parseFloat(this.value);            
        }else{
            IDs[k]+= parseFloat(this.value);
        }
    });
    console.log(IDs);       
});

Now I want to iterate that IDs array to create the table. But .length & .size() are not working on IDs array. When I see the result of array in console it shows following

Unable to get how to use that array for $.each.

I have solved it using following code:

var IDs = {}
    $('.tax_amount').each(function(){
        k = this.id;
        if(k in IDs) {
            IDs[k]+= parseFloat(this.value);
        }else{
            IDs[k] = parseFloat(this.value);                
        }
    });
    console.log(IDs.length);
    $.each(IDs,function(key,index){
        console.log(key);
        console.log(index);
    });

Thanks a lot Quentin for guiding in the right direction.

Quentin · Accepted Answer · 2016-05-12 13:17:00Z

8

size() doesn't work because Array objects don't have a size method.

length doesn't work because:

The length property represents an unsigned, 32-bit integer that is always numerically greater than the highest index in the array.

You haven't put any indexes in the array.

You've added named properties.

$.each doesn't work because, when given an array, it iterates over the indexes, and again you haven't given it any.

If you want to use named properties, use an object, not an array. Arrays are designed for numerically indexed and ordered data.

answered May 12, 2016 at 13:17

Quentin

948k136 gold badges1.3k silver badges1.4k bronze badges

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

1 Comment

عثمان غني Over a year ago

thanks a lot for information. It helps me to solve the problem.

Abdulla Unais · Accepted Answer · 2016-05-12 13:27:56Z

0

Use var arr = new Array();

then arr.push(itemValue); to enter elements as many as you wish

for iterating through array and access values,

arr.forEach(myFunction);
function myFunction(item, index) {
    console.log(item);
    console.log(index);
}

answered May 12, 2016 at 13:27

Abdulla Unais

6817 silver badges11 bronze badges

Comments

The Developer · Accepted Answer · 2016-05-13 10:05:44Z

0

I hope that your requirement is this

            $("table").on("focusout",".tax_amount",function(e){

                var IDs = new Array();

                $('.tax_amount').each(function(){ 
                    k = this.id;
                    if(typeof k === 'undefined') {
                        IDs.push(parseFloat(this.value));          
                    }else{
                        k += parseFloat(this.value);

                        IDs.push(k);
                    }
                });
                console.log(IDs);       
            });

edited May 13, 2016 at 10:05

answered May 12, 2016 at 13:26

The Developer

874 bronze badges

Collectives™ on Stack Overflow

Dynamic Array in JavaScript

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related