How to iterate array

Question

1.00/5 (1 vote)

See more:

I have this array
using javascript ,i want to iterate this array

Java

[
{"Operand":"ofItems","Value":"100","Operator":"=","FilterCondition":"ofItems = 100"},
{"Operand":"OrderTotal","Value":"$250","Operator":"=","FilterCondition":"OrderTotal = $250"},
{"Operand":"WebShipMethod","Value":"car","Operator":"=","FilterCondition":"WebShipMethod = car"}
]

after i have to get the each details from this array
How to do this

Posted 12-Mar-12 23:29pm

kpkaran88

Updated 12-Mar-12 23:30pm

Herman<T>.Instance

v2

Add a Solution

4 solutions

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Herman<T>.Instance · Answer 1 · 2012-03-12T23:42:00

Solution 1

read this[^].

Posted 12-Mar-12 23:42pm

Herman<T>.Instance

Magnus Gudmundsson · Answer 2 · 2012-03-13T00:25:00

Assuming JQuery, heres an example with html.
The interesting stuff happens on the function inside the $.each

XML

<html><head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">

$(document).ready(function () {

    var items = [ {"Operand":"ofItems","Value":"100","Operator":"=","FilterCondition":"ofItems = 100"},
                {"Operand":"OrderTotal","Value":"$250","Operator":"=","FilterCondition":"OrderTotal = $250"},
                  {"Operand":"WebShipMethod","Value":"car","Operator":"=","FilterCondition":"WebShipMethod = car"}];

    var trTemplate = "<tr><td>@Operand</td><td>@Value</td><td>@Operator</td><td>@FilterCondition</td></tr>";
    $.each(items, function(ix,itm){
         $("#tblOutput tbody:last").append(
            trTemplate
            .replace("@Operand",itm.Operand)
            .replace("@Value", itm.Value)
            .replace("@Operator",itm.Operator)
            .replace("@FilterCondition", itm.FilterCondition)
         );

    });

});


</script>
</head>

<body>
<table id="tblOutput" border="1px">
<thead><tr><th style='width:20px'>Operand</th><th>Value</th><th>Operator</th><th>FilterCondition</th></tr></thead>
<tbody>
</tbody>
</table>
</body>
</html>

Manfred Rudolf Bihy · Answer 3 · 2012-03-12T23:46:00

Here is a short example of how to read the objects from the array:

JavaScript

var items = [ {"Operand":"ofItems","Value":"100","Operator":"=","FilterCondition":"ofItems = 100"},
              {"Operand":"OrderTotal","Value":"$250","Operator":"=","FilterCondition":"OrderTotal = $250"},
              {"Operand":"WebShipMethod","Value":"car","Operator":"=","FilterCondition":"WebShipMethod = car"}];

for(var idx = 0; idx < items.length; idx++)
{
    // Here we get an element from the array
    var element = items[idx];

    // And here we access the properties of the objects
    var operand = element.Operand;
    var value   = element.Value;
    var operator= element.Operator;
    
    // Here would be a convenient place to do stuff with the values we read from the object
    // TODO: Do stuff
}

A great resource for web related base technologies please visit W3CSchool[^]s they have a nice section on Javascript[^] which you should find very informative.

Regards,

Manfred

JeremyKyle · Answer 4 · 2012-03-13T03:55:00

proper way in jquery is:

var x = [{"Operand":"ofItems","Value":"100","Operator":"=","FilterCondition":"ofItems = 100"},
{"Operand":"OrderTotal","Value":"$250","Operator":"=","FilterCondition":"OrderTotal = $250"},
{"Operand":"WebShipMethod","Value":"car","Operator":"=","FilterCondition":"WebShipMethod = car"}];

$.each(x, function(ind, val){
     alert( x[ind].Operand );
     alert( x[ind].Value );
     alert( x[ind].FilterCondition );
});

how's that!

How to iterate array

4 solutions

Solution 1

Solution 3

Solution 2

Solution 4

Add your solution here

Preview 0

How to iterate array

4 solutions

Solution 1

Solution 3

Solution 2

Solution 4

Add your solution here

Preview 0

Existing Members

...or Join us