Untitled

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>

<script id="jsbin-javascript">
'use strict';

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var members = [1, 2, 3];

var another = [].concat(members, [4]);

console.log(another);

var obj = {
  name: 'Surya',
  age: 39
};

var newObj = _extends({}, obj, {
  gender: 'Male'
});

console.log(newObj);

var filter = function filter() {
  for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
    args[_key] = arguments[_key];
  }

  // takes the var args and converts them into an array
  console.log(args);
};

filter(1, 2, 3);
</script>


<script id="jsbin-source-javascript" type="text/javascript">const members = [1, 2, 3]

const another = [...members, 4]

console.log(another)

const obj = {
  name: 'Surya',
  age: 39
}

const newObj = {
  ...obj,
  gender: 'Male'
}

console.log(newObj)

const filter = (...args) => {// takes the var args and converts them into an array
  console.log(args)
}

filter(1,2,3) </script></body>
</html>