Only a single element in the array is being pushed by the JavaScript code, not all elements

Question

Only a single element in the array is being pushed by the JavaScript code, not all elements

Having an issue with my script where it is only returning one element out of a class that has 10 elements. Can anyone help me pinpoint the problem?

`function() { var vins = document.querySelectorAll('.dws-vehicle-listing-item-field.dws-vehicle-field-vin');

for (var i = 0; i < vins.length; i++) {
    var array = [];
    var items = vins[i].innerText.replace(/ /g, "").split('\n')[2];
    array.push(items);
}
return array;

}`

Attempted to add exclusions in the code string to fix the issue, but still only getting one element returned. Any suggestions?

javascript arrays scripting

Answer 1

Answer №1

The main issue lies in the redeclaration of a new array instance within each iteration of the loop. To resolve this, it is advisable to initialize the array variable outside the loop;

let array = [];
for (let i = 0; i < vins.length; i++) {
    let items = vins[i].innerText.replace(/ /g, "").split('\n')[2];
    array.push(items);
}
return array;

Furthermore, I suggest avoiding the use of var and instead opt for const (for constant values) or let: further information available here

Answer 2

The main issue lies in the redeclaration of a new array instance within each iteration of the loop. To resolve this, it is advisable to initialize the array variable outside the loop;

let array = [];
for (let i = 0; i < vins.length; i++) {
    let items = vins[i].innerText.replace(/ /g, "").split('\n')[2];
    array.push(items);
}
return array;

Furthermore, I suggest avoiding the use of var and instead opt for const (for constant values) or let: further information available here

Only a single element in the array is being pushed by the JavaScript code, not all elements

Answer №1

Similar questions

Parent controller was not in command before Child执行

Using ng-repeat in conjunction with ui-router conditions

Setting up parameters and arguments in Vuex mutations: A guide

Error: Headers cannot be set once they have already been sent. I am perplexed as to why this is occurring

Retrieving and storing information from a form without the need to submit it

Utilizing class references within a method

The issue of 'position: fixed' not properly functioning within the Materialize CSS modal

Can you use an ajax post to search for a boolean in MongoDB without converting on the server side?

Tips for clearing all content within a React Material UI table

Ways to resolve: The JSX component does not contain any construction or call signatures

Encountering a "Raphael is undefined" error message when working with Treant.js

Initial React render fails to retrieve API data

What is the method for enlarging the width of the nvd3 chart timespan?

Using an Ajax call within an event handler function

JSON data cannot be transmitted using AJAX

When clicking on an item in the wishlist, only the text for that specific item should change,

What are the steps to create a dynamic navigation bar in React without encountering hydration issues?

Error in Highcharts: The property '0' is undefined and cannot be read

Key in the calculation on Keypup for multiple rows, one row at a time

Gatsby's own domain and absolute links: the perfect pair