가변 개수의 인수를 JavaScript 함수에 어떻게 전달할 수 있나요?

JavaScript 함수에 가변 개수의 인수 전달

JavaScript는 배열에서 가변 개수의 인수를 보내는 기능을 포함하여 함수에 인수를 전달할 때 유연성을 제공합니다.

인수를 통한 변수 Arity

Python과 마찬가지로 JavaScript에도 모든 변수를 나타내는 특수한 인수 개체가 있습니다. 함수에 전달된 인수. 이 객체에는 각 인수가 색인 생성 가능한 속성으로 포함되어 있습니다. 예:

function func() {
  console.log(arguments.length);
  for (arg in arguments) console.log(arg);
}

func('a', 'b', 'c', 'd'); // prints 4 and 'a', 'b', 'c', 'd'

배열을 인수로 전달

그러나 배열을 함수에 인수로 직접 전달하면 원하는 결과를 얻을 수 없습니다. 대신 배열 자체가 단일 인수로 처리됩니다. 배열을 개별 인수로 전달하려면 apply() 메서드를 사용하면 됩니다.

var arr = ['a', 'b', 'c'];

function func() {
  console.log(this); // 'test'
  console.log(arguments.length); // 3

  for (var i = 0; i < arguments.length; i++) {
    console.log(arguments[i]);
  }
}

func.apply('test', arr);

이렇게 하면 'test', 3, 'a', 'b' 및 'c'가 인쇄됩니다.

확산 구문(ES6)

ES6 이후 JavaScript에서는 동일한 결과를 달성하기 위한 보다 간결한 방법을 제공하는 확산 구문(...)을 도입했습니다. 결과:

func(...arr);

이것은 arr의 요소를 함수에 전달된 개별 인수로 확장합니다.

확산 구문을 사용하여 명명된 매개변수(ES6)

결합할 수도 있습니다 일부 인수가 인수로 처리되어야 함을 지정하기 위해 스프레드 구문을 사용하여 명명된 매개변수 array:

function func(first, second, ...theRest) {
  //...
}

결론

JavaScript에서는 인수 객체를 통해 또는 ES6 이상에서는 스프레드 구문을 사용하여 다양한 수의 인수를 함수에 전달할 수 있습니다. 이러한 유연성 덕분에 임의 개수의 입력을 처리할 수 있는 일반 함수 생성과 같은 다양한 사용 사례가 가능해졌습니다.

위 내용은 가변 개수의 인수를 JavaScript 함수에 어떻게 전달할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!