I JavaScript är allting objekt; strängar är objekt, siffror är objekt, till och med funktioner är objekt. Det härligaste objektet som finns är dock associativa arrayer, eller arrayer med en angiven nyckel istället för bara ett heltalsindex. Den enklaste formen av ett sånt här array är ett objekt med nycklar och värden tillsatta till den nyckeln. (Key, Value-pair för de som vill ha den tekniska termen)

var oh= { hai: "lol" };

Här skapas ett nytt objekt oh som innehåller en nyckel hai som har värdet “lol”. För att senare komma åt värdet med nyckeln hai finns det en del sätt:

oh.hai; //fungerar
oh["hai"] //fungerar
oh[0] //fungerar inte

Det andra sättet att hitta värdet kan vara bra om nyckeln innehåller punkter, mellanslag eller andra konstiga tecken som skulle förstöra scriptet.

Syntaxen är väldigt enkel, skapa en variabel, indikera att det är ett objekt med måsvingar ({}), sen ange värdet på nycklar i objektet med kolon istället för likamedtecken. Det är även möjligt att lagra objekt i objekt, och funktioner i nycklar, vilket gör det hela än mer awesome.
Större objekt:

var oh = {
    hai: "lol",
    foo: "bar",
    sayHi: function(){
        alert("Hi");
    },
    hello: {
        world : "Hello World"
    }
};

Med det här objektet kan man säga hej till världen genom oh.hello.world, eller bara säga hej genom oh.sayHi().

jQuery tar tillvara på associativa arrayer på väldigt många ställen, som exempelvis css()-funktionen, eller bind(), vilket gör det mycket lättare att manipulera utseendet och uppförandet av DOM-element.
Kod för att knyta multipla events till ett element:

$("#foo").bind({
    "mouseenter": function(){
        //Funktionalitet för hover in
    },
    "mouseleave": function(){
        //Funktionalitet för hover ut
    },
    "click": function(){
        //Funktionalitet för musklick
    }
});

Associativa arrays är awesome.

På grund av JavaScripts flexibla natur så kan man få till riktigt snygga villkorssatser när man exempelvis hanterar variabler.

Säg till exempel att man vill sätta ett värde på en variabel beroende på om något existerar; och om det inte existerar sätta ett standardvärde på variabeln. Det skulle gå att lösa såhär (Använder jQuery också, det gör det lättare att läsa och förstå imo):

var input = $("#foo");

if (input.val() != "" && input.val().length > 0) {
    var anObject = input.val();
}
else {
    var anObject = "DefaultValue";
}

Inte så jättesnyggt. Inte så rätt heller, men det illustrerar min poäng. Det finns säkert någon som skulle ha skrivit det såhär. Jag personligen skulle ha skrivit det såhär:

var anObject = $("#foo").val() || "DefaultValue";

Antagligen hade jag cachat jQuery-objektet i en variabel, om det var del av en större funktion, men återigen så lyser min poäng igenom. Det magiska ligger i “||” som helt enkelt säger “Sätt värdet på anObject till det på min högra sida om det på min vänstra sida är false-ish, annars ta det på min vänstra sida”.

Med false-ish innebär det i det här fallet att om inputfältet är tomt kommer anObject tilldelas DefaultValue. För att ta hänsyn till om man försöker skicka in en tomsträng skulle man kunna anropa trim() på jQuery-objektet.

Jag vet inte riktigt vad den här tekniken heter, men jag gillar den verkligen.

Man skulle teoretiskt sett kunna göra såhär också:

var x = a || b || c || d || e;

Och x skulle få värdet av det första som kan omvandlas till “true”, det vill säga det första värdet som inte är null, false, undefined, tomsträng eller siffran noll.

Vill man gå ett steg längre skulle man säkert kunna använda sig av funktioner med egen logik som returnerar false-ish beroende på yttre faktorer. Tänk exempelvis om a i föregående exempel var ett funktions-objekt som kollade om användaren kör Firefox. Det skulle vara häftigt. Om funktionen ens skulle köras… Kanske kunde man lägga in en anonym funktion där…
Känns som att jag måste experimentera lite mer.
Jag gillar JavaScript <3