<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
// Object for Three Dots
edit1 = {
id: 1,
title: 'title 1',
body: 'body 1'
}
edit2 = {
id: 2,
title: 'title 2',
body: 'body 2'
}
// 😎
// test1 = { ...edit1, title: 'title one' };
// => console.log(test1); // {id: 1, title: "title one", body: "body"}
// test2 = { title: 'title two', ...edit1 };
// => console.log(test2); // {title: "title 1", id: 1, body: "body"}
// 😎
// test3 = { edit1, title: 'title three' };
// => console.log(test3); // {edit1: {…}, title: "title three"}
// 😎
// => test4 = { ...edit1, edit2 }
// console.log(test4); // {id: 1, title: "title 1", body: "body 1", edit2: {…}}
// test5 = { edit1, ...edit2 }
// => console.log(test5); // {edit1: {…}, id: 2, title: "title 2", body: "body 2"}
// 😎
// test6 = { ...edit1, ...edit2 }
// => console.log(test6); // {id: 2, title: "title 2", body: "body 2"}
// 😎
// // Array for Three Dots
// array1 = ['1', '2'];
// array2 = ['3', '4', '5'];
// result1 = [...array1, array2];
// console.log(result1); // ["1", "2", Array(3)]
// result2 = [array1, ...array2];
// console.log(result2); // [Array(2), "3", "4", "5"]
// result3 = [...array1, ...array2];
// console.log(result3); // ["1", "2", "3", "4", "5"]
</script>
</body>
</html>
