How to read every item in an Array using jQuery

Question

hi i would like to know how to read every array item using jQuery. I'm getting some li values, push them in an array and then sort them using a bubble sort function

function sortSizes(sizesArr) {
    for (var i = 0; i < sizesArr.length; i ++) {
        for (var j = i + 1; j < sizesArr.length; j ++) {
          ....
          ...
        }
    }
}
sortSizes(myArray)

all what i need then is to get every item in array and added to an href attribute

you can use `forEach` like `array.forEach(function(value,index,arr){});` — Hikmat Sijapati, Feb 16 '17 at 15:49
But one thing while sorting you'll need to swap values, just stick to the `for` will be my advice! Plus the inner loop isn't event looping throgh the whole array! — ibrahim mahrir, Feb 16 '17 at 15:49
Possible duplicate of [Loop through an array in JavaScript](http://stackoverflow.com/questions/3010840/loop-through-an-array-in-javascript) — Shubham Khatri, Feb 16 '17 at 15:49
Why not using the native [**Array.prototype.sort**](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort) function? — ibrahim mahrir, Feb 16 '17 at 15:50
Do you need to use what you have posted thus far? Or are you open to using alternate solutions? If so, like pretty much every other comment, `$.each` is a perfect solution. Maybe edit your question to include a sample of an array and what you expect as a result/outcome. — Grizzly, Feb 16 '17 at 15:52

score 3 · Accepted Answer · answered Feb 16 '17 at 15:50

You can use $.each (just a sample example)-

var arr = [
   'one',
   'two',
   'three',
   'four',
   'five'
];
$.each(arr, function (index, value) {
 $('#mydiv').append(value+"<br>");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id = "mydiv"></div>

Or forEach():-

var arr = [
   'one',
   'two',
   'three',
   'four',
   'five'
];
arr.forEach(function(value,index){
 $('#mydiv').append(value+"<br>");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id = "mydiv"></div>

How to read every item in an Array using jQuery

1 Answers1