Javascript Arrays

				
					/* The concat([new],...) method concatenates (joins) two or more arrays */

colors = [🟣,🟡];
colors.concat([🟠,🟢]);

result:
    [🟣,🟡,🟠,🟢]

				
					/* The slice(start, end) method returns selected elements in an array, as a new array. */

colors = [🟣,🟡,🟠,🟢];
new = colors.slice(1,3);

result:
    [🟡,🟠]

				
					/* The splice(start, delete, [new]) method adds and/or removes array elements from the original array */

//add
colors = [🟣,🟡,🟠,🟢];
colors.splice(1,0,🔵);


result:
    [🟣,🔵,🟡,🟠,🟢]


//remove
colors = [🟣,🟡,🟠,🟢];
colors.splice(1,2);


result:
    [🟣,🟢]


//swap
colors = [🟣,🟡,🟠,🟢];
colors.splice(1,2,🔵,🔴);


result:
    [🟣,🔵,🔴,🟢]

				
					/* The join(separator) method returns an array as a string and does not change the original array. */

colors = [🔵,🟡,🟠,🟢];
string = colors.join('-');

result:  (string)
    '🔵-🟡-🟠-🟢'

				
					/* The pop() method removes (pops) the last element of an array changing the original array and returning what was removed. */

colors = [🟣,🔴,🟢,🔵];
string = colors.pop();

result: (colors)
    [🟣,🔴,🟢]

return: (string)
    '🔵'

				
					/* The shift() method removes the first item of an array, changes the original array and returning what was removed */

colors = [🟣,🔴,🔵,🟡];
string = colors.shift();

result: (colors)
    [🔴,🔵,🟡]

return: (string)
    '🟣'

				
					/* The push() method adds new items to the end of an array, changes the length of the original array and returns the new length */

colors = [🔴,🔵,🟡];
colors.push(🟢);

result: (colors)
    [🔴,🔵,🟡,🟢]

return: (length)
    4

				
					/* The unshift() method adds new elements to the beginning of an array, changes the original array and returns the new length */

colors = [🟣,🟡,🟠,🔴];
colors.unshift(🟢);

result (colors):
    [🟢,🟣,🟡,🟠,🔴]

return (length):
    5

				
					/* 7 ways to loop through an array in javascript */

// 1. for loop
colors = [🟣,🟡,🟠,🔴];
let ( for i = 0; i < colors.length; i++ ){
    console.log(colors[i]);
}

result (colors):
    🟣
    🟡
    🟠
    🔴


// 2. for...in loop
animals = [🐓, 🐈, 🐕, 🦆, 🐿];
for ( let index in animals ){
    console.log(animals[index]);
}

result (animals):
    🐓
    🐈
    🐕
    🦆
    🐿


// 3. while loop
let cars = [🚗, 🚕, 🚓, 🚙];
let i = 0;
while ( i < cars.length){
    console.log(cars[i]);
    i++;
}

result (cars):
    🚗
    🚕
    🚓
    🚙


// 4. do...while loop
veggies = [🍆,🌶,🌽️];
let i = 0;
do {
    console.log(veggies[i]);
    i++;
} while (i < 5);

result (veggies):
    🍆
    🌶
    🌽


// 5. for...of loop
tools = [🪚,🪓,🗜,🪛,🔨];
for ( let value of tools ){
    console.log(value);
}

result (tools):
    🪚
    🪓
    🗜
    🪛
    🔨


// 6. forEach method
emotes = [😁,😆,🥹,🤣];
emotes.forEach((value)=>{
    console.log(value);
});

result (tools):
    😁
    😆
    🥹
    🤣


// 7. map() method
hats = [🎩,👒,🎓,⛑,🧢];
const newHats = hats.map((value) => {
    return value;
});
console.log(newHats);

result (newHats):
    [🎩,👒,🎓,⛑,🧢]