Al salam alikom ("hi all")
Today we'll talking about amazing JavaScript function it's the "Join()" function, and I'll explain it with an easy example & little words
before the example let's see what is the definition of (join())
before the example let's see what is the definition of (join())
The join() method joins all elements of an array into a string, and returns the string.
The elements will be separated by a specified separator. The default separator is comma (,).
Syntax
----------------
Join(separator);
separator: Optional. The separator to be used. If omitted, the elements are separated with a comma
So, if we have an array and wee need to display it in html list ("ul")
we have to options
First solution:
--------------------
--------------------
var arr = ["Cairo", "Alex", "Aswan"];
var list = "<ul><li>";
for (var i = 0; i < arr.length; i++) {
if (i !== (arr.length - 1)) {
list += arr[i] + "</li><li>";
}
else {
list += arr[i];
}
}
list += "</li></ul>"
;
Second solution:
-------------------
which i recommend it and it's very easy & smart
var arr = ["Cairo", "Alex", "Aswan"];
var list = "<ul><li>" + arr.join ("</li><li>") + "</li></ul>";
The two solutions have the same out and you have the choice to use any one of them, but i think (2) lines of code are better than (11) ;)