JavaScript - Sort An Array Of Objects In Javascript

So, I'm using code like the following and getting errors:

result = a list of cars with each property separated by ',' and each car separated by '|'

This code creates and populates the array (seems to work)
Code:

var carList = new Array();
var cars = new Array();
var properties = new Array();

cars = result.split("|");
for(var i=0; i<cars.length;i++){
		properties = cars[i].split(",");
		carlist[carlist.length++] = new car(items[0],items[1],items[2]);

function car(id,make,model){
         carID = id;
         carMake = make;
         carModel = model;
}

Later, I want to sort the array and call it like this:

carList.sort(carSort);

here's the sort code
Code:

function carSort(a, b){
    var x = a.carMake.toLowerCase();
    var y = b.carMake.toLowerCase();
    return ((x < y) ? -1 : ((x > y) ? 1 : 0));
}

I get the error that "a.carMake does not exist" (in firebug).

What am I doing wrong?

Hello!

I have a pretty straight forward question dealing with JQuery/Javascript (I'm pretty new to both, so the syntax is still escaping me). I have a javascript file that holds an array of objects inside of it (addresses to be exact) and I then need to take that array and call it to print into the Title attribute of a <li> after the list has been populated.

Below is the Javascript arrray:
Code:

var banner_data = [ "address1","address2","address3","address4"];
var obj = { one:"address1", two:"address2", three:"address3", four:"address4" }

And this is how it is being called in the HTML:
Code:

$('ul>li').each(function(){
      var $this = $(this); // current list item
      var idx = $this.index();
      var thisAddress = banner_data[idx]; 
	  $this.attr('title', thisAddress.append[4])
});

any thoughts? I have jQuery 1.7.1 installed, a fully valid html/css and a proper doctype (just to cover our bases haha)

I have an array of objects that I would like to sort through and "join" objects that are the same. And if they are the same, I need to sum up the number value given for those two items.

So I guess Im sorting through and maybe even recreating this array to get rid of duplicates while I tally quantities.

Please see the screenshot of my array of objects to help understand better. The highlighted 'sPSPN' would indicate that it is a duplicate item and its 'fUnits' need to be totalled.

in the end I would have a total of 3 objects, because 'sPSPN'= BT-221-44 would now be only one object with 'fUnits' = 35.

Thanks!

Hello,
I have the following script, but I'd like to sort each nested array before it is written. How can I do this? I've tried putting Games.sort(); and Games[0].sort(); in different places, but it never seems to work.
Code:

var Games = new Array();

//PS3
Games[0] = new Array();
Games[0][0] = "ps3list";
Games[0][1] = "Uncharted: Among Thieves";
Games[0][2] = "Prince of Persia";
Games[0][3] = "Saboteur";
Games[0][4] = "Assassins Creed";

//Wii	
Games[1] = new Array();
Games[1][0] = "wiilist";
Games[1][1] = "Wii Play";
Games[1][2] = "Mario Party 8";
Games[1][3] = "Okami";
Games[1][4] = "Wii Sports";

function loadGames(){
    for (i = 0; i < Games.length; i++) {
        var list = "<ul>";
        for (j = 1; j < Games[i].length; j++) {
            list += "<li><input type = 'checkbox' class='checkbox' name = '" + Games[i][j] + "' />" + Games[i][j] + "</li>";
        }
        list += "</ul>"
        document.getElementById(Games[i][0]).innerHTML = list;
    }
}

Hi,

I have an array which is populated by a count of instances from another array, so its ends up with data like:

msg = [2 x this event, 5 x that event, 17 x another event, 22 x something else]

I need to sort this by the number before the 'x'.

At present, a .sort() would put 1 - 9 before anything greater than 10, obviously not what I'm after.

How can I make it put this array into the correct order (e.g 22 x something else, 17 x another event, 5 x that event, 2 x this event)

Thanks!
Ic.

Hi

If i was using c# i would use a generic list and add all my people objects to the list collection

but how do i do this in jquery/javascript


eg

//container object
var allObj= {

};

//people object
var people= {
name:"fred",:
age:00;
};

How do I add many people objects to allObj (the amount of people added in not always the same)
eg the final result is something like this

allObj
-person1
-person2
-person3
-person4


thanks

Hello everybody am a JavaScript beginner.

here is a code making rollovers
////////////////////////////////////////////////
window.onload=rolloverInit;

function rolloverInit()
{
for(var i=0; i<document.images.length; i++)
{
if(document.images.parentNode.tagName=="A")
{
setUpRollover(document.images);
}
}
}

function setUpRollover(currentImage)
{
currentImage.outImage = new Image();
currentImage.outImage.src = currentImage.src;
currentImage.onmouseout = rollOut;

currentImage.overImage = new Image();
var source = currentImage.src;
var sourceText = source.toString();
if(sourceText.indexOf("png")>0)
{
currentImage.overImage.src ="images/"+currentImage.id+"_on.png";
}
else
{
currentImage.overImage.src ="images/"+currentImage.id+"_on.gif";
}


/*currentImage.overImage.src ="images/"+currentImage.id+"_on.gif";*/
/*currentImage.overImage.src ="images/"+currentImage.id+"_on.png";*/
currentImage.onmouseover = rollOver;



currentImage.clickImage = new Image();
if(sourceText.indexOf("png")>0)
{
currentImage.clickImage.src ="images/"+currentImage.id+"_click.png";
}
else
{
currentImage.clickImage.src ="images/"+currentImage.id+"_on.gif";
}
/*currentImage.clickImage.src = "images/"+currentImage.id+"_on.gif";*/
/*currentImage.clickImage.src = "images/"+currentImage.id+"_on.png";*/
currentImage.onmousedown = rollClick;



currentImage.parentNode.childImage = currentImage;
currentImage.parentNode.onblur = rollOutParent;
currentImage.parentNode.onfocus = rollOverParent;

}

function rollOut()
{
this.src = this.outImage.src;
}

function rollOver()
{
this.src = this.overImage.src;
}

function rollClick()
{
this.src = this.clickImage.src;
}


function rollOutParent()
{
this.childImage.src = this.childImage.outImage.src;
}

function rollOverParent()
{
this.childImage.src = this.childImage.overImage.src;
}


////////////////////////////////////////////////

1-I do understand "if iam right, lol" that here
///currentImage.outImage = new Image();///
and here
///currentImage.overImage = new Image();///
and here
///currentImage.clickImage = new Image();///

we are creating an image object "overImage" on the fly which still a property of currentImage object, to keep track and store the current image and new image src.

but here
///currentImage.parentNode.childImage = currentImage;///
I am unable to see the point behind creating the childImage object
-same rule applied here???
is it really a brand new independent object "still a property of the parent" created on the fly like before?
and if so
-what is is purpose here??

how the cildImage object is interacting here, what is its purpose? and how it is able to modify "actually change" the <a> object child node Image object "currentImage".

it seems stupid question but its quiet simple
---///currentImage.parentNode.childImage = currentImage;///
here I have an object on the fly, a new Image object "childImage", that is Fine until now.
---///this.childImage.src = this.childImage.outImage.src;///
now how the childImage became able to change my parent "<A>" child "currentImage" src ??? how it "childImage" became displayable at all

is is because of the assignment here
///currentImage.parentNode.childImage = currentImage;///
???
Yes i assigned currentImage to the childImage, but based on my java programing concepts background each still independent objects refrences representing two different objects
---->and so based on that here is these functions rollOutParent(), rollOverParent()
am supposed to say something like
***this.currentImage.src = this.childImage.src*** or
***this.childImage.src = this.childImage.outImage.src;***or whatever "i know thats wrong coding here am just giving example".

------------
am confused, how with this simple line of code
currentImage.parentNode.childImage = currentImage;
childImage became able to define the currentImage ?

and if so, how this was achieved, hoe the Objects is being represented and how they interact in the core memory?

Hi all,

I have an array containing numbers. I want to order this numbers contained from major to minor in order to print them ..
Here's what I have done:

Code:

var arr = new Array(6);
arr[0] = "10";
arr[1] = "5";
arr[2] = "40";
arr[3] = "25";
arr[4] = "1000";
arr[5] = "1";


    function sortNumber(a,b)
    {
       return b - a;
    }

        for(var i=0;i < 6; i++){ 
         var myarray = arr[i];
         myarray.sort(sortNumber);
         alert(myarray);
      }

But I get no alert and a "myarray.sort is not a function" error.
What am I doing wrong? How can I solve this?

Thanks a lot in advance!

Hello,

Here is my situation. I have a java array generated from a JSP on the server side, and saved in the session. This array consists of objects (of say class X).

How can I load this array into a javascript array so I can search for a this array based on attributes of the object?


Thanks

Hi,

one of my js file is receiving a variable which is of type object. This object has some html texts.

How can get the content of this object (something like value) in javascript?

Thanks,
Pavan

This is a bit of a strange one. I have been trying to call a function in a child object from the parent object but the child seems to be going out of scope in onbeforeunload function. These function calls work outside of a onbeforeunload, so it only fails when called in onbeforeunload. I can fix it by making the child object a global but I was trying to avoid that. Anyone know why my childobject is out of scope when called in onbeforeunload? Notice I call that same function in windows onload event and it works fine. Here is the code (I have simplified as much as possible to just show the error):

Code:

<html>
   
   <head>
   <title>Broken Page</title>    
	  
<script language="javascript" type="text/javascript">
	
	var myparent;
	
	function windowLaunch()
	{
		myparent = new parent();
		myparent.getchildvalue();
		window.onbeforeunload = myparent.getchildvalue;
	}

	function parent()
	{
		this.mychild = new childobject("myinput");
		this.getchildvalue = function()
		{
			var tmpval = this.mychild.returnvalue();
		};

	}

	function childobject(thename)
	{
		this.myprop = thename;
		this.returnvalue = function()
		{
			return (document.getElementById(this.myprop).value);
		};
	}
	
</script>
   </head>
   
   <body id="thebody" onload="windowLaunch();">
    <div id="outerdiv">
            <span title="This Input Box">My Input:</span><br />
            <input id="myinput" style="width: 290px"/>
    </div>
   </body>
   
</html>

I was wondering if there are any sites dedicated to ending javascript objects using the prototype property to give them features like trimming string, removing elements of arrays by name, removing duplicates in arrays, etc. Granted I have functions to do this but there's probably a ton of other good ones out there. Most things I've seen are frameworks like JQuery (which is awesome) but it doesn't extend these objects.

Hi this is an assignment, ive been on it all night.
I have done the bubble sort function and have to modify it.
I work out that if i could stop the amount of times it loops it would make it more efficient. To do this is would need to stop the loop when no swaps have been made on the full array.lenght-1.
i have tried using booleans, false and true on the amount of swaps using a while loop instead of my first for loop, however it only loops nine times...ie only covering the array once,hence does not swap the full array.
so i tried leaving in the for loop that instructs it to loop for the full array. length.
I have also tried using if... else at different positions within my function
please i need some guidance, im going to pull my hair out i can see what need in my head just cant get it. Plus i am very very new to this

My simple objective is.... to set a flag to stop the loop when there have not been any swaps for the duration of the array. length-1, hence the array is now organised and to display the amount of loops taken.

Heres the part that ive been changing and my latest attempt which is using if, however it still loops for 90 loops.

Code:

	
var temp; ;// varible to hold temporay value,  
var numberOfLoops = 0
swap = true
			
				
if (swap = true)
{
				
	for (var count = 0; count < returnArray.length; count = count +1)// sets any array lenght to be used and the number of passes as lenght of array 
						
		for (var i = 0; i < returnArray.length-1; i = i + 1)// starting postion and what elements should be covered minus one pass less than the arrray
		{
					
			if ((returnArray[i]) > (returnArray[i+1]))
			{
			temp = returnArray[i+1]; //hold second value in temp var
			returnArray[i+1] = returnArray[i];// replace value second value with first value
			returnArray[i] = temp;//replace first value with value held in temp var
			swap = true
						
			}
			else
			{
			swap = false
			}
			numberOfLoops = numberOfLoops + 1
		}
}
				
window.alert('number of loops taken is ' + numberOfLoops)
return returnArray

My bubble sort function als0 worked fine showing 90 loops each time...until changed it

Hello,

I am building a shopping cart website that is using a mega javascript dropdown menu.

Everything was working fine until you get to the checkout page on the website. The checkout page has this accordian / spry deal where customers can checkout on one page. You can view it he


http://gem-tech.com.mytempweb.com/store/pc/onepagecheckout.asp

If I take the menu code out of the header.asp file, then the checkout page works just fine. But if I put the menu code back in, then the checkout page stops working.

Here is the menu code (simplified it a bit for this thread):

Quote:
<head>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
Quote:
<body><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>

<script type="text/javascript" src="jquery.hoverIntent.minified.js"></script>
<script type="text/javascript">
$(document).ready(function() {


function megaHoverOver(){
$(this).find(".sub").stop().fadeTo('fast', 1).show();

//Calculate width of all ul's
(function($) {
jQuery.fn.calcSubWidth = function() {
rowWidth = 0;
//Calculate row
$(this).find("ul").each(function() {
rowWidth += $(this).width();
});
};
})(jQuery);

if ( $(this).find(".row").length > 0 ) { //If row exists...
var biggestRow = 0;
//Calculate each row
$(this).find(".row").each(function() {
$(this).calcSubWidth();
//Find biggest row
if(rowWidth > biggestRow) {
biggestRow = rowWidth;
}
});
//Set width
$(this).find(".sub").css({'width' :biggestRow});
$(this).find(".row:last").css({'margin':'0'});

} else { //If row does not exist...

$(this).calcSubWidth();
//Set Width
$(this).find(".sub").css({'width' : rowWidth});

}
}

function megaHoverOut(){
$(this).find(".sub").stop().fadeTo('fast', 0, function() {
$(this).hide();
});
}


var config = {
sensitivity: 2, // number = sensitivity threshold (must be 1 or higher)
interval: 100, // number = milliseconds for onMouseOver polling interval
over: megaHoverOver, // function = onMouseOver callback (REQUIRED)
timeout: 500, // number = milliseconds delay before onMouseOut
out: megaHoverOut // function = onMouseOut callback (REQUIRED)
};

$("ul#topnav li .sub").css({'opacity':'0'});
$("ul#topnav li").hoverIntent(config);



});



</script>
</body>
And there are two things of script on the onepagecheckout.asp page as well. Here they a

Quote:
<script type="text/javascript">
$(document).ready(function() { $('#chkPayment').click(); });
</script>
Quote:
<script type="text/javascript">
var acc1 = new Spry.Widget.Accordion("acc1", { useFixedPanelHeights: false, enableAnimation: false });
var currentPanel = 0;

<% if session("idCustomer")>"0" then
session("OPCstep")=2
else
session("OPCstep")=0
end if %>

//* Find Current Panel
<% if len(Session("CurrentPanel"))=0 AND pcv_strPayPanel="" then %>

<% if session("idCustomer")>"0" then %>
acc1.openPanel('opcLogin');
GoToAnchor('opcLoginAnchor');
$('#LoginOptions').hide();
$('#ShippingArea').hide();
$('#BillingArea').show();
<% else %>
$('#LoginOptions').show();
$('#acc1').hide();
<% end if %>

<% else %>

<% If pcv_strPayPanel = "1" Then %>
$(document).ready(function() {
$('#LoginOptions').hide();
pcf_LoadPaymentPanel();
});
<% Else %>
acc1.openPanel('opcLogin');
$('#LoginOptions').hide();
$('#ShippingArea').hide();
$('#BillingArea').show();
<% End If %>

<% end if %>

GoToAnchor('opcLoginAnchor');

function openme(pNumber) {
acc1.openPanel(pNumber);
}
function toggle(pNumber) {
var ele = acc1.getCurrentPanel();
var panelNumber = acc1.getPanelIndex(ele);
if (panelNumber == pNumber) {
acc1.closePanel(pNumber);
} else {
acc1.openPanel(pNumber);
}
}
function togglediv(id) {
var div = document.getElementById(id);
if(div.style.display == 'block')
div.style.display = 'none';
else
div.style.display = 'block';
}

function win(fileName)
{
myFloater=window.open('','myWindow','scrollbars=yes,status=no,width=300,height=250')
myFloater.location.href=fileName;
}

</script>
Any help would be GREATLY appreciated,

Thank you