JS의 나머지 매개변수

안녕하세요 여러분 오늘은 자바스크립트에서 나머지 매개변수를 사용하는 방법을 보여드리고자 최선을 다해 이 개념을 설명하겠습니다.
시작하자...

나머지 매개 변수는 무엇입니까?
나머지 매개변수 구문을 사용하면 함수가 무한한 수의 인수를 배열로 허용할 수 있습니다.

많은 코드 예제를 통해 이를 이해해 봅시다.

// normal function
function normalRestParameter(...rest){
  for (let i of rest) {
    console.log(i)
  }
}

normalRestParameter(10,20,30,40,50)
//10,20,30,40,50,60


//anonymous functions and here we have used
//reduce method of Array means we can use
//array methods on rest parameters
let anonymousFunction = function(...rest){
  const output = rest.reduce(
  (previousValue, currentValue) => previousValue + currentValue, 0);

  return output
}
console.log(anonymousFunction(1,2,3,4,5))
// 15 


//arrow function example 1
let arrowFunction1 = (...rest) => console.log(rest)

//arrow function example 2 using rest parameter
//with normal parameters , the first two parameters
//will be a and b and the rest will be assigned
// to an array of parameter
let arrowFunction2 = (a,b,...rest) => {
  console.log(a,b,rest)
}

arrowFunction1(1,2,3,4,5,6)
//[1,2,3,4,5,6]

arrowFunction2(1,2,3,4,5,6)
//1 2 [ 3, 4, 5, 6 ]


//getting the length of rest parameter
const lengthRestParameter = (...rest) => {
  console.log(rest.length)
}
lengthRestParameter(1,2,3,4,5,6,7,8,9,10)
//10


//using array methods like sort
const sortedRestParameters = (...rest) => {
  console.log(rest.sort((a,b) => a - b))
}
sortedRestParameters(6,9,4,10,2,8,5,7,1,3)
//[1,2,3,4,5,6,7,8,9,10]


//DO NOT USE Rest parameter at statrting
// or middle position always use it at
// the end of the parameters
function wrongRestParameter1(...rest,a,b){
  console.log(rest)
}
wrongRestParameter1(1,2,3,4,5)
//SyntaxError: Rest parameter must be last formal parameter


//DO NOT USE More than 1 rest parameter
function wrongRestParameter2(...rest1,...rest2){
  console.log(rest1,rest2)
}
wrongRestParameter2(1,2,3,4,5)
//SyntaxError: Rest parameter must be last formal parameter



다양한 시나리오에서 나머지 매개변수를 사용하는 몇 가지 예를 볼 수 있습니다.

이 게시물을 확인해 주셔서 감사합니다.
^^ 아래 링크에서 기부로 저를 도울 수 있습니다 감사합니다👇👇 ^^
☕ --> https://www.buymeacoffee.com/waaduheck <--

이 게시물도 확인하십시오.

좋은 웹페이지 즐겨찾기