Last active
          October 5, 2022 17:59 
        
      - 
      
- 
        Save farukcan/81de4307fb1aeeae9720702931c918e6 to your computer and use it in GitHub Desktop. 
    JS Spread Operator
  
        
  
    
      This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
      Learn more about bidirectional Unicode characters
    
  
  
    
  | // source : https://www.sitepoint.com/javascript-spread-operator/ | |
| const evenNumbers = [2, 4, 6, 8]; | |
| const oddNumbers = [1, 3, 5, 7]; | |
| const allNumbers = [...evenNumbers, ...oddNumbers]; | |
| console.log(...allNumbers); //[2, 4, 6, 8, 1, 3, 5, 7] | |
| const obj1 = { name: 'Mark', age: 20}; | |
| const obj2 = { age: 30 }; | |
| const clonedObj = { ...obj1, ...obj2 }; | |
| console.log(clonedObj); // {name: 'Mark', age: 30} | |
| const str = 'Hello, World!'; | |
| const obj = { ...str }; | |
| console.log(obj); // {0: 'H', 1: 'e', 2: 'l', 3: 'l', 4: 'o', 5: ',', 6: ' ', 7: 'W', 8: 'o', 9: 'r', 10: 'l', 11: 'd', 12: '!'} | |
| const str = 'Hello, World!'; | |
| const strArr = [...str]; | |
| console.log(strArr); // ['H', 'e', 'l', 'l', 'o', ',', ' ', 'W', 'o', 'r', 'l', 'd', '!'] | |
| const numbers = [15, 13, 100, 20]; | |
| const clonedNumbers = [...numbers]; | |
| clonedNumbers.push(24); | |
| console.log(clonedNumbers); // [15, 13, 100, 20, 24] | |
| console.log(numbers); // [15, 13, 100, 20] | |
| const duplicatesArr = [1, 2, 3, 2, 1, 3]; | |
| const uniqueArr = [...new Set(duplicatesArr)]; | |
| console.log(duplicatesArr); // [1, 2, 3, 2, 1, 3] | |
| console.log(uniqueArr); // [1, 2, 3] | |
| function calculateSum(...funcArgs) { | |
| let sum = 0; | |
| for (const arg of funcArgs) { | |
| sum += arg; | |
| } | |
| return sum; | |
| } | 
  
    Sign up for free
    to join this conversation on GitHub.
    Already have an account?
    Sign in to comment