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">
/*SPREAD IN ARRAY*/
'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 number = [1, 2, 3, 4];

var newNumber = [].concat(number, [5]);

console.log(newNumber);

/*SPREAD IN FUNCTIONS*/

var person = {
  name: 'Mansi'
};
var newPerson = _extends({}, person, {
  age: 26
});
console.log(newPerson);

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

  return args.filter(function (el) {
    return el === 1;
  });
};
console.log(filter(1, 2, 3));
</script>


<script id="jsbin-source-javascript" type="text/javascript">
/*SPREAD IN ARRAY*/
const number = [1,2,3,4];

const newNumber =[...number,5]

console.log(newNumber)

/*SPREAD IN FUNCTIONS*/

const person = {
  name:'Mansi'
};
const newPerson = {
  ...person,
  age:26
}
console.log(newPerson);

/*REST*/
const filter = (...args) =>{
  return args.filter(el => el === 1)
}
console.log(filter(1,2,3))
</script></body>
</html>