Save the list of arrays into a designated variable

Question

Save the list of arrays into a designated variable

I am struggling to save the array list in a variable and I'm not sure how to go about solving this issue.

The xpath query successfully retrieves a list of items, which are being displayed in the console without any problems. However, I am unable to figure out a way to store this list in a variable for later use.

When I attempt to assign the values to an "arrayList" variable, only the last item from the array is returned despite seeing all items in the console output.

Does anyone have any suggestions on how to tackle this problem?

var iterator = document.evaluate('xpathgoeshere', document, null, XPathResult.UNORDERED_NODE_ITERATOR_TYPE, null);

try {
  var thisNode = iterator.iterateNext();

  while (thisNode) {
    var arrayList = (thisNode.textContent);
    var thisNode = iterator.iterateNext();
    for (var i = 0; i < arrayList.length; i++) {
      console.log(arrayList);
    }
  }
} catch (e) {
  dump('Error: Document tree modified during iteration ' + e);
}

javascript arrays variables

Answer 1

Answer №1

Initially, remember to update thisNode after finishing your loop because the arrayList relies on thisNode.

Another issue could be that you are assigning iterator.iterateNext(); to a new variable thisNode within the while-loop instead of updating the existing variable thisNode inside the try-block (due to the use of var before it).

Give this a shot: :)

var iterator = document.evaluate('yourxpathhere', document, null, XPathResult.UNORDERED_NODE_ITERATOR_TYPE, null);

try {
  var thisNode = iterator.iterateNext();

  while (thisNode) {
    var arrayList = thisNode.textContent;

    for (var i = 0; i < arrayList.length; i++) {
      console.log(arrayList[i]);
    }    
    thisNode = iterator.iterateNext();
  }
} catch (e) {
  dump('Error: Document tree modified during iteration ' + e);
}

As pointed out by Steven, thisNode.textContent is a string. Depending on the format of your string, you might need to split() it first or use JSON.parse() if it's a JSONstring in order to extract your Array.

However, if the items of your Array should be the content of thisNode.textContext, consider this alternative approach:

var iterator = document.evaluate('yourxpathhere', document, null, XPathResult.UNORDERED_NODE_ITERATOR_TYPE, null);

try {
  var thisNode = iterator.iterateNext();
  var arrayList = [];

  while (thisNode) {
    arrayList.push(thisNode.textContent); 
    thisNode = iterator.iterateNext();
  }

  console.log(arrayList);

  for (var i = 0; i < arrayList.length; i++) {
    console.log(arrayList[i]);
  }   
} catch (e) {
  dump('Error: Document tree modified during iteration ' + e);
}

Answer 2

Initially, remember to update thisNode after finishing your loop because the arrayList relies on thisNode.

Another issue could be that you are assigning iterator.iterateNext(); to a new variable thisNode within the while-loop instead of updating the existing variable thisNode inside the try-block (due to the use of var before it).

Give this a shot: :)

var iterator = document.evaluate('yourxpathhere', document, null, XPathResult.UNORDERED_NODE_ITERATOR_TYPE, null);

try {
  var thisNode = iterator.iterateNext();

  while (thisNode) {
    var arrayList = thisNode.textContent;

    for (var i = 0; i < arrayList.length; i++) {
      console.log(arrayList[i]);
    }    
    thisNode = iterator.iterateNext();
  }
} catch (e) {
  dump('Error: Document tree modified during iteration ' + e);
}

As pointed out by Steven, thisNode.textContent is a string. Depending on the format of your string, you might need to split() it first or use JSON.parse() if it's a JSONstring in order to extract your Array.

However, if the items of your Array should be the content of thisNode.textContext, consider this alternative approach:

var iterator = document.evaluate('yourxpathhere', document, null, XPathResult.UNORDERED_NODE_ITERATOR_TYPE, null);

try {
  var thisNode = iterator.iterateNext();
  var arrayList = [];

  while (thisNode) {
    arrayList.push(thisNode.textContent); 
    thisNode = iterator.iterateNext();
  }

  console.log(arrayList);

  for (var i = 0; i < arrayList.length; i++) {
    console.log(arrayList[i]);
  }   
} catch (e) {
  dump('Error: Document tree modified during iteration ' + e);
}

Answer 3

Answer №2

Store all nodes in an array.

var elementIterator = document.evaluate('//div', document, null, XPathResult.UNORDERED_NODE_ITERATOR_TYPE, null);

const elementsArray = []

try {
  var currentNode = elementIterator.iterateNext();
  while (currentNode) {
    elementsArray.push(currentNode)
    var currentNode = elementIterator.iterateNext();
  }
} catch (error) {
  console.log('Error: Document structure has been modified during iteration ' + error);
}

console.log(elementsArray);

<div>
  <div>Element 1</div>
  <div>Element 2</div>
</div>

Answer 4

Store all nodes in an array.

var elementIterator = document.evaluate('//div', document, null, XPathResult.UNORDERED_NODE_ITERATOR_TYPE, null);

const elementsArray = []

try {
  var currentNode = elementIterator.iterateNext();
  while (currentNode) {
    elementsArray.push(currentNode)
    var currentNode = elementIterator.iterateNext();
  }
} catch (error) {
  console.log('Error: Document structure has been modified during iteration ' + error);
}

console.log(elementsArray);

<div>
  <div>Element 1</div>
  <div>Element 2</div>
</div>

Save the list of arrays into a designated variable

Answer №1

Answer №2

Similar questions

What is the best way to divide a string into separate sections?

Converting a three.js scene into SVG or alternative vector format for export

Discover the combobox element and its value can be easily achieved by using Selenium's find_element_by_xpath method

Guide to changing the border color in a Material-UI TextField component styled with an outline design

Adding images to your SVG using Bobril is a simple process that can add visual

What makes the middle element in a sorted array the majority element?

Show a specific form field based on the chosen option in a dropdown menu using Angular and TypeScript

Steps for generating an HTML form in a fresh window

Storing data for extended periods in NodeJS

Error: JSON parsing error encountered due to an unexpected token 'U' while trying to read a file with

What varieties of ajax styles are there?

The error "converting circular structure to json" occurred when trying to create a JSON web token, resulting in an unhandled TypeError

Is there a way to delegate the operation of Object3d.toJSON() to a web worker for optimization?

Chrome and Firefox experiencing intervals set issues

Verifying the accessibility of a website using JQuery/Javascript

Error encountered with jQuery XML: 'Access-Control-Allow-Origin' header is not present on the requested resource

What is the best way to display my to-do list items within a React component

Is it possible to combine EJS compilation and html-loader in the html-webpack-plugin?

What is the best way to ensure the flat list only renders once?

What is the best way to delete a property from an object in an array?