toString(), toLocaleString() and valueOf Array

The toString() and valueOf() methods return the same value when called on an array.

 
<!DOCTYPE html>
<html>
<head>
    <title>Example</title>
    <script type="text/javascript">
        var colors = ["red", "blue", "green"]; //creates an array with three strings 
        
        document.writeln(colors.toString()); //red,blue,green 
        document.writeln(colors.valueOf()); //red,blue,green 
        document.writeln(colors); //red,blue,green 
       
    </script>
</head>
<body>
</body>
</html>

Click to view the demo

document.writeln() calls toString().

toLocaleString() calls each item's toLocaleString() instead of toString() to get its string value.

 
<!DOCTYPE html>
<html>
<head>
    <title>Example</title>
    <script type="text/javascript">
        var tutorial1 = {
            toLocaleString : function () {
                return "Java";
            },
            
            toString : function() {
                return "XML";
            }
        };
        
        var tutorial2 = {
            toLocaleString : function () {
                return "HTML";
            },
            
            toString : function() {
                return "CSS";
            }
        };
        
        var tutorial = [tutorial1, tutorial2];
        document.writeln(tutorial.toLocaleString()); //Java HTML

       </script>
</head>
<body>
</body>
</html>

Click to view the demo