_javascript-spread-syntax-basics.md

Code Examples for my Blog Post: JavaScript Spread Syntax – Basics

inspectArguments-1-output.txt

arguments[0] -> a
arguments[1] -> b
arguments[2] -> c
arguments[3] -> d
arguments[4] -> e
arguments[5] -> f

inspectArguments-1.js

function inspectArguments() {
    var i = 0;
    
    for (; i < arguments.length; i++) {
       console.log('arguments[' + i + '] -> ' + arguments[i] ); 
    }
}

var letters = ['a', 'b', 'c', 'd', 'e', 'f'];

inspectArguments(...letters);

inspectArguments-2-output.txt

arguments[0] -> x
arguments[1] -> y
arguments[2] -> a
arguments[3] -> b
arguments[4] -> c
arguments[5] -> d
arguments[6] -> e
arguments[7] -> f

inspectArguments-2.js

function inspectArguments() {
    var i = 0;
    
    for (; i < arguments.length; i++) {
       console.log('arguments[' + i + '] -> ' + arguments[i] ); 
    }
}

var letters = ['a', 'b', 'c', 'd', 'e', 'f'];

inspectArguments('x', 'y', ...letters);

inspectArguments-3-output.txt

arguments[0] -> monday
arguments[1] -> tuesday
arguments[2] -> wednesday
arguments[3] -> thursday
arguments[4] -> friday
arguments[5] -> a
arguments[6] -> b
arguments[7] -> c
arguments[8] -> d
arguments[9] -> e
arguments[10] -> f

inspectArguments-3.js

function inspectArguments() {
    var i = 0;
    
    for (; i < arguments.length; i++) {
       console.log('arguments[' + i + '] -> ' + arguments[i] ); 
    }
}

var letters = ['a', 'b', 'c', 'd', 'e', 'f'];
var days = ['monday', 'tuesday', 'wednesday', 'thursday', 'friday'];

inspectArguments(...days,...letters);