Golang React JS Technology Blog

ES6 method of declaration multiple variables in one line

Using Javascript's ES6 or node, you can do the following: 
<!DOCTYPE html>
<html>
<body>
<div id="test"></div>
<script>
var [a,b,c,d] = [0,1,2,3];
document.getElementById("test").innerHTML = a + b + c + d;
</script>

<div id="test1"></div>
<script>
const person = { name: 'John Doe', age: 23, id: 1 };

let {name, age, id} = person;
document.getElementById("test1").innerHTML = name + age + id;
</script>

<div id="test2"></div>
<script>
let [x, y, z] = Array(3).fill(0);
document.getElementById("test2").innerHTML = x + y + z;
</script>

</body>
</html>
Most Helpful This Week
How to the length of the longest word in the provided sentence? jQuery example of scroll to top jQuery get the coordinates of div clicked Image Rollover Using onMouseOver and onMouseOut How to scroll page to 1000px from top on page load using jQuery? How to change text after click event using JavaScript?