<script>
const colours = ["Orange", "LimeGreen", "RoyalBlue", "Yellow", "Magenta", "Cyan", "White", "Black"];
document.write ("<p>Original Array: " + colours + "</p>");
colours.sort();
document.write ("<p>After colours.sort(): " + colours + "</p>");
colours.reverse();
document.write ("<p>After colours.reverse(): " + colours + "</p>");
colours.push("Lime");
document.write ("<p>After colours.push('Lime'): " + colours + "</p>");
colours.pop();
document.write ("<p>After colours.pop(): " + colours + "</p>");
colours.shift();
document.write ("<p>After colours.shift(): " + colours + "</p>");
colours.unshift("Red");
document.write ("<p>After colours.unshift('Red'): " + colours + "</p>");
const cnames = colours.toString();
document.write ("<p>Returned by colours.toString(): " + cnames + "</p>");
let fourth_colour = colours.at(3);
document.write ("<p>colours.at(3) >> The 4th colour is " + fourth_colour + "</p>");
colour_names = colours.join(" * ");
document.write ("<p>Returned string after colours.join(' * '):<br>" + colour_names + "</p>");
// merging strings with concat()
const cities1 = ["Paris", "London", "Rome"];
const cities2 = ["Tokyo", "Shanghai", "Mumbai"];
const cities3 = ["Nassau", "Bridgetown", "Port of Spain", "Kingston"];
const allcities = cities1.concat(cities2, cities3);
document.write ("<p>After merging cities2 and cities3 with cities1: " + allcities + "</p>");
// using copyWithin(). Moving elements 1 and 2 to position 0.
document.write ("<p>Original cities3 array: " + cities3 + "</p>");
cities3.copyWithin (0,1,3);
document.write ("<p>After cities3.copyWithin(0,1,3): " + cities3 + "</p>");
// using splice(). Adds three new elements to cities2 and removing two elements already there at position 0.
document.write ("<p>Original cities2 array: " + cities2 + "</p>");
cities2.splice (0, 3, 'Karachi', 'Bangkok', 'Kathmandu');
document.write ("<p>After cities2.splice (0, 3, 'Karachi', 'Bangkok', 'Kathmandu'): " + cities2 + "</p>");
// the slice() method.
const greek1 = ["Santorini", "Mykonos", "Crete", "Rhodes", "Corfu"];
document.write ("<p>Original greek1 Array: " + greek1 + "<br>");
const greek2 = greek1.slice(2);
document.write ("After greek1.slice(2): " + greek2 + "<br>");
const greek3 = greek1.slice(1,4);
document.write ("After greek1.slice(1,4): " + greek3 + "</p>");
</script>
