JavaScript - Help Sorting An Array Of Objects

I am trying to make an addition to a .js plugin for a wiki. Currently it does not support sorting my IP address. So far I have created the below code which does more than the script initially did, but is still not sorting 100% correctly.

Any tips?

Code:

sort_ipaddr: function(a,b){
	aa = a[0].split(".",4);
	bb = b[0].split(".",4);
	var counti = 0;
	
	for (var i=0; i<4; i++) {
        	if (parseInt(parseFloat(aa[i])) == parseInt(parseFloat(bb[i]))){}
		if (parseInt(parseFloat(aa[i])) < parseInt(parseFloat(bb[i]))){counti--}
		if (parseInt(parseFloat(aa[i])) > parseInt(parseFloat(bb[i]))){counti++}
	}
    return counti;
  },

EDIT

I've also tried this which is closer but still not there.
Code:

sort_ipaddr: function(a,b){
	aa = a[0].split(".",4);
	bb = b[0].split(".",4);
	
	var resulta = (aa[3]+(aa[2]*256)+(aa[1]*256*256)+(aa[0]*256*256*256));
	var resultb = (bb[3]+(bb[2]*256)+(bb[1]*256*256)+(bb[0]*256*256*256));
	
	return resulta-resultb;
  },

This results in a list like so:
10.1.15.22
10.1.16.22
10.1.15.23
10.1.15.24
10.1.16.24
10.1.15.25

What I need help with is sorting the [0] of my array. I need it to sort so that if the user puts in his last name, whether its uppercase or lowercase (Adams, adams), it will sort through the list of students I add, and put them in an alphabetic order i.e adams, Adams, cook, Douglas....and so on. Here is the code that I have below for just sorting by last name, which will seperate the lowercase entries from the uppercase entries. That would be the opposite of what I want. I had it sorted so that it would sort the [o], which is where the last name value is located. Any thoughtful help would be appreciated.

Code:

function Last_names( s1, s2 )
{
    if ( s1[0] > s2[0] ) return 1;
    return 0;
}

function sortLast(form)
{
    StudentsLists.sort( Last_names );
    windows(form);//calling the windows function each time the sortLast function is called
}

I am trying to sort an array of strings based on the location of a string called "this.oText.value" inside an array of strings called "aList." If "this.oText.value" comes earlier in an entry in aList (call it "a") than another entry "b", I want "a" to appear before "b". Clearly, there is something very wrong with my code. It really isn't doing anything as of right now.

Code:

aList.sort(sortArray);

function sortArray(a,b)
{
	if(a.toLowerCase().indexOf(this.oText.value.toLowerCase()) < b.toLowerCase().indexOf(this.oText.value.toLowerCase()))
		return 1;
	else if(a.toLowerCase().indexOf(this.oText.value.toLowerCase()) > b.toLowerCase().indexOf(this.oText.value.toLowerCase()))
		return -1;
	else
		return 0;
}

Hi,
I am a begginer in javascript, please help on below
I want to create an object with nested objects array like following:

var country{
var states=new array();
}
var state
{
city,pincode
}

this should be called like
var city= country[0].state[0].city;


any idea will be appreciated

Hi All.

I have a dynamic Coldfusion form which adds multiple addresses which holds fields like Town, Postcode, ResidentFromDate, ResidentToDate... and on click of the save button I have a script function that runs which I am trying add all the elements of this form into an array and then sort by ResidentFromDate and output the results...

Here is what I have at the minute but my sort does not seem to be working and is throwing out results in the following order (10/2006, 01/2005, 08/2006, 01/2007) and that is clearing not in descending order...

If someone could take a look at my script and tell me what is wrong I would be much appreciated (see below)

* I seem to be getting results and it is just not sorting correctly, so my theory is something is up with the part where I am calling addresses.sort.

Code:

var dates = {
    convert:function(d) {
        // Converts the date in d to a date-object. The input can be:
        //   a date object: returned without modification
        //  an array      : Interpreted as [year,month,day]. NOTE: month is 0-11.
        //   a number     : Interpreted as number of milliseconds
        //                  since 1 Jan 1970 (a timestamp) 
        //   a string     : Any format supported by the javascript engine, like
        //                  "YYYY/MM/DD", "MM/DD/YYYY", "Jan 31 2009" etc.
        //  an object     : Interpreted as an object with year, month and date
        //                  attributes.  **NOTE** month is 0-11.
        return (
            d.constructor === Date ? d :
            d.constructor === Array ? new Date(d[0],d[1],d[2]) :
            d.constructor === Number ? new Date(d) :
            d.constructor === String ? new Date(d) :
            typeof d === "object" ? new Date(d.year,d.month,d.date) :
            NaN
        );
    },
    compa function(a,b) {
        // Compare two dates (could be of any type supported by the convert
        // function above) and returns:
        //  -1 : if a < b
        //   0 : if a = b
        //   1 : if a > b
        // NaN : if a or b is an illegal date
        // NOTE: The code inside isFinite does an assignment (=).
        return (
            isFinite(a=this.convert(a).valueOf()) &&
            isFinite(b=this.convert(b).valueOf()) ?
            (a>b)-(a<b) :
            NaN
        );
    },
	inRange:function(d,start,end) {
        // Checks if date in d is between dates in start and end.
        // Returns a boolean or NaN:
        //    true  : if d is between start and end (inclusive)
        //    false : if d is before start or after end
        //    NaN   : if one or more of the dates is illegal.
        // NOTE: The code inside isFinite does an assignment (=).
       return (
            isFinite(d=this.convert(d).valueOf()) &&
            isFinite(start=this.convert(start).valueOf()) &&
            isFinite(end=this.convert(end).valueOf()) ?
            start <= d && d <= end :
            NaN
        );
    }
}

// define array
var addresses = [];
	
	// if atAddrSince is greater than 5 years from today
	if (atAddrSince > addrFromValidate)
	{
		// loop round each previous address
		for (i=1;i<=maxID;i++)
		{
			var addrPart = [];
			
			if (eval('document.fmAddPrevAddr.address1'+i))  
			{
				var address1 = eval('document.fmAddPrevAddr.address1'+i+'.value');
				var town = eval('document.fmAddPrevAddr.town'+i+'.value');
				var country = eval('document.fmAddPrevAddr.country'+i+'.value');
				var postcode = eval('document.fmAddPrevAddr.postcode'+i+'.value');				
				var residentfrom = eval('document.fmAddPrevAddr.ataddrsince'+i+'.value');
				var residentto = eval('document.fmAddPrevAddr.ataddrto'+i+'.value');

				// insert into array	
				addrPart[0]=address1;
				addrPart[1]=town;
				addrPart[2]=country;
				addrPart[3]=postcode;
				addrPart[4]=residentfromdate;
				addrPart[5]=residenttodate;
					
				addresses.push(addrPart);
			}
		}
		
		addresses.sort(sortfunction)
			
		function sortfunction(a, b)
		{
			if(dates.compare(a[4],b[4]) == -1) 
			{
				return true; 
			}
			else
			{
				return false; 
			}
		}
		
		for (var v=0;v<addresses.length;v++) 
		{
			var addresses1 = addresses[v];
		
			alert(addresses1[4]);
		}
	}

Many Thanks,
George

Code:

var myarray2=[25, 8, 7, 41];
myarray2.sort(function(a,b){return a - b})

I have tried this code and it works. What I don't understand is, how does array understand which value should be taken as "a" and "b" ? How does javascript understand what is to be done with values, if it is not specified by coding logic ? Is there some kind of in-built functionality ? How is that functionality triggered ?

Do I not require further coding as Code:

for(i=0; i<myarray2.length; i++){
    j=i+1;
for((myarray2[i]-myarray2[j])>0){
    var a = myarray2[i];
    myarray2[i] = myarray2[i+1];
    myarray2[i+1] = a;
    j=j+1;}
}

and then run two loops for two comparing two values ?

Thanks

Hi everyone

I'm having a hard time, wrapping my head around an array sort+combine function.

I have an array which would look somewhat (these are simplified numbers) like this

Code:

TestArray = [
["222222","1"],
["222222","1"],
["222222","1"],
["333333","1"]
["111111","1"],
["000000","2"],
["111111","2"],
["111111","2"],
["222222","20"],
];

I got it as far as to be sorted like this:
Code:

SortedArray = [
["000000","2"],
["111111","1"],
["111111","2"],
["111111","2"],
["222222","1"],
["222222","1"],
["222222","20"],
["222222","1"],
["333333","1"]
];

And from there to this:
Code:

BadlyMergedArray = [
["000000","2"],
["111111,"1","2"],
["222222","1","20","1"],
["333333","1"]
];

But I want to end up with this:
Code:

MergedArray = [
["000000","2"],
["111111","1","2"],
["222222","1","20"],
["333333","1"]
];

So the first part of the inner arrays is the first item to be sorted and combined by.
After that, the smaller numbers have to do practically the same, while staying in the correct order under the first sort.

I'm only a spare time programmer, and my code is probably one of the most confusing pieces of code ever written.
I am assuming that this is some fairly easy stuff for one of you guys. I can post my code, but I think there's a much easier solution to it, so I wanted to see if someone can point me in the right direction, or show me how this is properly done.

Thanks so much! here's to hoping!

patrick/shootingpandas

Hi,

I have written this program:
Code:

var scores=[];
function sortScores(scoreRecs){
	for(i=0;i<scoreRecs.length;i++)
		scores.push(scoreRecs[i]);
	for(var i=0;i<scores.length;i++)
	{
		for(var j=i+1;j<scores.length;j++)
		{
			if(Number(scores[i])>Number(scores[j]))
			{
				tempValue=scores[j];
				scores[j]=scores[i];
				scores[i]=tempValue;
			}
		}
	}
	alert(scores);
}
sortScores(["5","6","5","7","7"]);

to take an array of variables in calling the function (ie sortScores), place these variables into an empty array("scores"), apply the bubble sort to scores, and then alert scores in sorted form. When I use test values like I have above, where they are all just numbers, this program works perfectly and alerts the "scores" array, correctly sorted. However, what I would like to do is to call the function with an array of records, each containing two fields, and apply the same sort to the array of records, based on the value in the first field of each record.To illustrate, i'd like to be able to call the function thus:
Code:

sortScores([{sco 0,index:0},{sco 2, index:1},{sco 1,index:2}]);

and for it to sort the records in descending order of the value of the "score" field. So the above call would alert:
Code:

[{sco 2,index:1},{sco 1,index:2},{sco 0,index:0}]

however, i'm not sure how i'd reference the numeric part of the f1 of each record in the sort?

Hopefully you can see what I'm trying to achieve...any ideas would be greatly appreciated.

function($)
{
$.fn.superfish = function(op){

var sf = $.fn.superfish,
c = sf.c,
}

So I see the '.superfish' method being added to the object '$.fn'. I find it interesting that the first order of business is to declare 'sf' and stuff in to it some value '$.fn.superfish' which I do not fully understand. Also the statement

c=sf.c

How can 'c' be set to equal 'sf.c' when no 'sf.c' has been declared yet?

Thanks!

Hi there,
I have a very strange issue using dynamic scripting and iframe. It looks like when when iframe is loaded (i.e. onload method is triggered) all js objects that were sent to iframe before disappear? To clarify... I set iframe.scr from java script that caused it to connect to the server. After connection is established I start sending JS code to it (including some JS objects). At some point connection to iframe is closed (and onload method is called). Later on I reconnect (i.e. set src property again), and try to issue method calls on the JS objects that were sent in earlier session. None of these methods get triggered. Did anyone experienced similar problems? Is there a workaround? (I.e. is there any way I can send register JS Objects globally when sent through iframe?).

Thanks for all your help,

Ed

Hi All

I thought it was about time to actually learn Javascript rather than pretend I know it, so I'm new to Javascript.

I've been reading Javascript 'The Good Parts' and have watched a few google videos on Youtube.

So I came across prototyping which seems to be quite fundamental to JS but is quite awkward to use. I am trying to avoid the use of the 'new' keyword and limit my application to one Global variable, as this can improve the JS scripts performance, reliability and security.

In essence I'm just trying to make a simple MsgBox object that has a method called 'alertMe', which in turn simply shows an alert box with 'Hello'

If this is not very clear then say so as trying to explain something you don't fully understand is quite hard.

Here's my code, doesn't alert when I called the object.
Have a look


Code:

var MyLib = {};
MyLib.MsgBox = function(){
	
			//Object methods
			MyLib.MsgBox.prototype.alertMe = function(){
				alert('Hello');
			};

};

MyLib.MsgBox.alertMe();

Any help and pointers will be very appreciated.
Regards, Magnetica

I am able to do the following;
Code:

alert(myObject.Income.EESA.Name);

However I'm looking at
Code:

alert(myObject.Income[0].Name);

Or even better, not the full name, just "EESA". I need to loop through as you can see at the end of this script what I'm working on.
Code:

<script type="text/javascript">
var EESARate = 289.3;
var DLARate = 111.20;
var CARate = 61.35;
var SkyCost = 54.75;
var PerfectHomeCost = 28.17;
var CreditExpertCost = 14.99;
var UnitedUtilitiesCost = 8.13;
var BTCost = 57.18;
var AdobeCCCost = 46.88;
var TVLicenceCost = 6.06;
var GasCost = 10.00;
var ElectricCost = 20.0;
var ServerPackageCost = 9.99;
var USDValue = 123; //Fetch the value

var myObject = {
    "Income": {
        "EESA": {
            "Name": "Enhanced Employment and Support Allowance",
            "Amount": {
                "GBP": EESARate,
                "USD": EESARate * USDValue
            },
            "Frequency": {
                "When": "14",
                "Next": "30/10/2014"
            },
            "Description": "",
        },
        "DLA": {
            "Name": "Disibility Living Allowance",
            "Amount": {
                "GBP": DLARate,
                "USD": DLARate * USDValue
            },
            "Frequency": {
                "When": "7",
                "Next": "Wednesday"
            },
            "Description": "",
        },
        "CA": {
            "Name": "Carers Allowance",
            "Amount": {
                "GBP": CARate,
                "USD": CARate * USDValue
            },
            "Frequency": {
                "When": "7",
                "Next": "Saturday"
            },
            "Description": "",
        },
    },
    "Bills": {
        "Sky": {
            "Name": "Sky",
            "Amount": {
                "GBP": SkyCost,
                "USD": SkyCost * USDValue
            },
            "Frequency": {
                "When": "30",
                "Next": "XX/XX/XX"
            },
            "Description": "",
        },
        "PerfectHome": {
            "Name": "Sky",
            "Amount": {
                "GBP": PerfectHomeCost,
                "USD": PerfectHomeCost * USDValue
            },
            "Frequency": {
                "When": "7",
                "Next": "Wednesday"
            },
            "Description": "",
        },
        "CreditExpert": {
            "Name": "Experian Credit Expert",
            "Amount": {
                "GBP": CreditExpertCost,
                "USD": CreditExpertCost * USDValue
            },
            "Frequency": {
                "When": "30",
                "Next": "XX/XX/XX"
            },
            "Description": "",
        },
        "UnitedUtilities": {
            "Name": "United utilities",
            "Amount": {
                "GBP": UnitedUtilitiesCost,
                "USD": UnitedUtilitiesCost * USDValue
            },
            "Frequency": {
                "When": "7",
                "Next": "Wednesday"
            },
            "Description": "",
        },
        "BT": {
            "Name": "British Telecomunications",
            "Amount": {
                "GBP": BTCost,
                "USD": BTCost * USDValue
            },
            "Frequency": {
                "When": "30",
                "Next": "XX/XX/XX"
            },
            "Description": "",
        },
        "AdobeCC": {
            "Name": "Adobe Creative Cloud Suite",
            "Amount": {
                "GBP": AdobeCCCost,
                "USD": AdobeCCCost * USDValue
            },
            "Frequency": {
                "When": "30",
                "Next": "XX/XX/XX"
            },
            "Description": "",
        },
        "TVLicence": {
            "Name": "Television Licence",
            "Amount": {
                "GBP": TVLicenceCost,
                "USD": TVLicenceCost * USDValue
            },
            "Frequency": {
                "When": "30",
                "Next": "XX/XX/XX"
            },
            "Description": "",
        },
        "Gas": {
            "Name": "Eon Gas",
            "Amount": {

                "GBP": GasCost,
                "USD": GasCost * USDValue
            },
            "Frequency": {
                "When": "7",
                "Next": "Wednesday"
            },
            "Description": "",
        },
        "Electric": {
            "Name": "Eon Electric",
            "Amount": {
                "GBP": ElectricCost,
                "USD": ElectricCost * USDValue
            },
            "Frequency": {
                "When": "7",
                "Next": "Wednesday"
            },
            "Description": "",
        },
        "ServerPackage": {
            "Name": "1&1 Unlimited Plus (12 mo. term)",
            "Amount": {
                "GBP": ServerPackageCost,
                "USD": ServerPackageCost * USDValue
            },
            "Frequency": {
                "When": "30",
                "Next": "XX/XX/XX"
            },
            "Description": "",
        },
    },
};

var IncomeTotal = 0;
for (var k in myObject.Income) {
    if (myObject.Income.hasOwnProperty(k)) {
       ++IncomeTotal;
    }
}
alert(myObject.Income.EESA.Name);
document.write('<table>')
for(i = 0; i < IncomeTotal; i++){
   document.write('<tr>')
   document.write('<td>row ' + (i+1) + ', column 0</td>')
   document.write('</tr>')
}
document.write('</table>')
var TotalBills = 0;
for (var k in myObject.Bills) {
    if (myObject.Bills.hasOwnProperty(k)) {
       ++TotalBills;
    }
}
//alert(TotalBills);

</script>

Hi, I am trying to detect a users browsers and output a different code based on browser.

I found this code online that uses the object detection method and it works. When I document.write(BrowserDetect.browser) it outputs Chrome, (which is what I am using). The code can be found he http://www.quirksmode.org/js/detect.html

So I can't understand why the following code does not work? It ouputs the "not" in the else statement.

I believe that BrowserDetect is an object and the .browser at the end is a property of the object.

Can one not make an object a variable? or make an object a string?

oh and BTW there is a bunch of javascript that creates the browserdetect object that can be found on the site above, but I thought it would be too unwieldy to post here. Thanks.

The following script outputs:
Chrome Not Working

<script type="text/javascript">

document.write(BrowserDetect.browser);

var browser="BrowserDetect.browser";

if(browser=="Chrome")
{
document.write(" Working");
}
else
{
document.write(" Not working");
}
</script>

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

I'm having a spot of trouble in making my functions work and my book seems to be pure rubbish. I'm sure that the error is purely syntax, although it may be something more.

Code:

<script type="text/javascript" src="flowers.js"></script>
    <script type="text/javascript">
        function pageSetup() {
		  var today = new Date(); // this creates a date object with today's date
		  var banner = displayBanner(today); // *should* call the displayBanner function
		  
		  var days = calcDaysToSale(today);	// *should* call the function using today's date
		  document.sale.saleMessage.value = days; // *should* set the value to days.
		  
		  // Obviously none of it works.
		  
		}

     </script>

This is the code working with the script contained in the html file. I'll post the full page at the bottom. The following code is the JavaScript code. The first function isn't made to provide full functionality at the moment, I'm trying to get the rest of it working.
Code:

function displayBanner(currentDate) {
		if	(currentDate.getMonth() == 2)
			imgSrc = "winterLogo";
		return ("<img src='" + imgSrc + ".gif'>");
}


function calcDaysToSale(currentDate) {
	var saleDay = new Date();
	saleDay.setDate(15);	// sets the sale date to the 15th of the current month
	
	// Subtracts the days remaining until the sale.
	// If the number is negative, the sale is over.
	var Days = saleDay.getDate()-currentDate.getDate();
	if (Days < 0) {
		return "The sale has ended.";
	}
	else {
		return Days;
	}
}

I have tried to Google the problem and I have also tried to look it up in my book. I simply don't know the right terms to Google, and as I said the book is rubbish. I don't know why the Code:

  document.sale.saleMessage.value = days;

doesn't work for this. Oh well, I'll learn quickly I suppose.


Here is the full HTML code:
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Carol's Flowers</title>
<link href="flowers.css" rel="stylesheet" type="text/css" />
   <script type="text/javascript" src="flowers.js"></script>
    <script type="text/javascript">
        function pageSetup() {
		  var today = new Date(); // this creates a date object with today's date
		  var banner = displayBanner(today); // *should* call the displayBanner function
		  
		  var days = calcDaysToSale(today);	// *should* call the function using today's date
		  document.sale.saleMessage.value = days; // *should* set the value to days.
		  
		  // Obviously none of it works.
		  
		}

     </script>

</head>

<body  class="oneColLiqCtrHdr">

<div id="container">
  <div id="header">
    <p><img name="myBanner" src="banner" id="myBanner" alt="Carol's Flowers" />
      <!-- end #header -->
    </p>
    <div id="links"><a href="#">Home</a> | <a href="#">General Arrangements</a> | <a href="#">Seasonal Designs</a> | <a href="#">Custom Orders</a> | <a href="#">Location</a></div>
  </div>
  <div id="mainContent">
    <table id="mainTable">
    <tr>
       <td width="201"><h1><img src="Flowers.JPG" alt="Random Flowers" width="200" height="255" /></h1></td>
       <td width="687">
    <p>Here at Carol's Flowers, we believe that there is a perfect floral arrangment for every occasion! Take a look around and see if there is anything you like. If we don't already have it, then we will create it for you!</p></td>
    </script>
    </tr>
    </table>
    <!-- end #mainContent --></div>
  <div id="footer">
    <p> <form name="sale" id="sale">
      Days Until Mid Month Madness Sale : 
      <input type="text" name="saleMessage" id="saleMessage" /></form></p>
    <!-- end #footer --></div>
<!-- end #container --></div>

<!-- I am trying to run the script here -->
<script type="text/javascript">
	pageSetup();
</script>

</body>
</html>