>  기사  >  웹 프론트엔드  >  출력 자바스크립트 배열을 반환하는 방법

출력 자바스크립트 배열을 반환하는 방법

WBOY
WBOY원래의
2023-05-12 10:03:36874검색

JavaScript에서 배열은 일반적으로 사용되는 데이터 유형입니다. 배열을 사용하여 일련의 데이터를 저장할 수 있습니다. JavaScript 프로그램을 작성할 때 배열 순회, 배열 수정, 배열 정렬 등 배열을 처리해야 하는 경우가 많습니다. 배열을 처리하다 보면 특정 함수의 처리 결과를 새로운 배열에 저장하거나 원래 배열을 수정해야 하는 경우가 있습니다. 그러면 수정된 배열이 호출자에게 반환됩니다. 이 문서에서는 JavaScript에서 출력 배열을 반환하는 방법을 설명합니다.

  1. 배열을 반환하려면 return 문을 사용하세요

JavaScript에서는 함수가 return 문을 통해 함수의 실행 결과를 반환합니다. 함수는 문자열, 숫자, 객체, 부울 값, 배열을 포함한 모든 유형의 값을 반환할 수 있습니다. 함수에서 배열을 반환하려면 해당 배열을 return 문의 반환 값으로 사용할 수 있습니다. 예를 들어, 다음 코드는 배열을 매개변수로 받아들이고 0에서 2까지의 인덱스를 가진 해당 배열의 하위 배열을 반환하는 함수를 정의합니다.

function getSubArray(arr) {
  return arr.slice(0, 3);
}

let arr = [1, 2, 3, 4, 5];
let subArr = getSubArray(arr); // [1, 2, 3]

위의 예에서 getSubArray 함수는 return 문을 통해 배열 arr의 하위 배열 [1, 2, 3]을 반환합니다. getSubArray가 반환한 하위 배열을 변수 subArr에 저장합니다. return 배열은 return 문을 통해 반환됩니다.

  1. 배열 객체를 사용하여 함수 호출

JavaScript에서 배열은 배열을 조작하는 데 사용할 수 있는 몇 가지 내장 메서드가 있는 객체입니다. 이러한 메서드는 수정된 배열을 반환하며, 이러한 메서드를 사용하여 출력 배열을 반환할 수 있습니다. 다음은 일반적으로 사용되는 몇 가지 배열 방법입니다.

  • push(): 배열 끝에 하나 이상의 요소를 추가합니다.
  • pop(): 배열의 마지막 요소를 삭제합니다.
  • shift(): 배열의 첫 번째 요소를 삭제합니다.
  • unshift(): 배열 시작 부분에 하나 이상의 요소를 추가합니다.
  • splice(): 배열에서 요소를 추가하거나 제거합니다.
  • slice(): 배열의 하위 배열을 반환합니다.

예를 들어 다음 코드는 배열을 매개변수로 받아들이고 배열 끝에 새 요소 1을 추가하는 함수를 정의합니다. 그런 다음 함수는 수정된 배열을 호출자에게 반환합니다.

function appendOne(arr) {
  arr.push(1);
  return arr;
}

let arr = [1, 2, 3];
let newArr = appendOne(arr); // [1, 2, 3, 1]

위의 예에서는 배열 객체의 push 메서드를 호출하여 배열 끝에 새 요소 1을 추가하는 함수appendOne을 정의했습니다. 그런 다음 함수는 return 문을 사용하여 수정된 배열을 호출자에게 반환합니다. 반환된 배열을 newArr 변수에 저장합니다.

  1. ES6의 스프레드 연산자 사용하기

ES6에서는 스프레드 연산자(...)를 사용하여 배열을 확장할 수 있습니다. 배열을 함수에 매개변수로 전달할 때 스프레드 연산자를 사용하여 배열을 매개변수 목록으로 확장할 수 있습니다. 또한 스프레드 연산자를 사용하여 두 개 이상의 배열을 하나의 배열로 결합할 수도 있습니다.

다음은 스프레드 연산자를 사용하여 배열을 함수에 매개변수로 전달하는 방법을 보여주는 예입니다.

function sum(...numbers) {
  let result = 0;
  for (let num of numbers) {
    result += num;
  }
  return result;
}

let arr = [1, 2, 3, 4];
let total = sum(...arr); // 10

위 예에서는 전달된 매개변수를 반복하기 위해 for 루프를 사용하는 함수 sum을 정의했습니다. 배열하고 합계를 계산합니다. 스프레드 연산자를 사용하여 배열 arr을 매개변수 목록으로 확장합니다. 그런 다음 함수의 반환 값 10을 total 변수에 저장합니다.

두 개의 배열을 하나의 배열로 병합하려면 스프레드 연산자를 사용할 수 있습니다. 예는 다음과 같습니다.

let arr1 = [1, 2];
let arr2 = [3, 4];
let arr3 = [...arr1, ...arr2]; // [1, 2, 3, 4]

위 예에서는 두 배열 arr1 및 arr2를 매개변수 목록으로 확장하고 이를 새 배열 arr3에 병합했습니다. 새 배열 arr3에는 원래 배열 arr1 및 arr2의 모든 요소가 포함됩니다.

요약

JavaScript에서는 반환 문, 배열 객체의 내장 메서드, 확산 연산자 및 기타 메서드를 사용하여 수정된 배열을 호출자에게 반환할 수 있습니다. 어느 쪽이든 JavaScript 프로그램을 작성할 때 배열을 더 잘 처리하고, 수정하고, 반환하는 데 도움이 됩니다.

위 내용은 출력 자바스크립트 배열을 반환하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.