Array Operators in JavaScript

array.js

//1. Converting Arrays to Strings

var fruits = ["Banana", "Orange", "Apple", "Mango"];
console.log(fruits.valueOf());
//output : Banana,Orange,Apple,Mango

//For JavaScript arrays, valueOf() and toString() are equal.

// join() method joins array elements into a string.
var fruits = ["Banana", "Orange", "Apple", "Mango"];
console.log(fruits.join(" * "));
//output: Banana * Orange * Apple * Mango

//2. Popping and Pushing

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop()
console.log(fruits);
//Output: Banana,Orange,Apple

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");
console.log(fruits);
//Output: Banana,Orange,Apple,Mango,Kiwi

//3. Shifting Elements

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift(); // Removes the first element "Banana" from fruits

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");    // Adds a new element "Lemon" to fruits

console.log(fruits);
//Output: Lemon,Banana,Orange,Apple,Mango

//4. Changing Elements

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";        // Changes the first element of fruits to "Kiwi"

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";          // Appends "Kiwi" to fruit

//5. Deleting Elements

var fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];           // Changes the first element in fruits to undefined

//The splice() method can be used to add new items to an array:

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");
console.log(fruits);
//Output: Banana,Orange,Lemon,Kiwi,Apple,Mango

//Using splice() to Remove Elements

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);        // Removes the first element of fruits

//6. Sorting an Array

The sort() method sorts an array alphabetically.
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();            // Sorts the elements of fruits

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();            // Sorts the elements of fruits 
fruits.reverse();         // Reverses the order of the elements

/** Numeric Sort **/
var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return a-b});
console.log(points);
//Ouput: 1,5,10,25,40,100

//7. Joining Arrays

var myGirls = ["Cecilie", "Lone"];
var myBoys = ["Emil", "Tobias","Linus"];
var myChildren = myGirls.concat(myBoys);     // Concatenates (joins) myGirls and myBoys


//8. Slicing an Array

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1, 3);
console.log(fruits); //Banana,Orange,Lemon,Apple,Mango
console.log(citrus); //Orange,Lemon