es6에서 from 메소드를 사용하는 방법

es6에서는 배열형 객체와 탐색 가능한 객체를 실제 배열로 변환하는 데 from 메서드가 사용됩니다. 반환된 결과는 변환된 새 배열 인스턴스입니다. 구문은 "Array.from(Pseudo- 배열 객체 또는 배열의 반복 가능한 객체, 콜백 함수, 콜백 함수를 실행할 때 이 객체)".

이 튜토리얼의 운영 환경: Windows 10 시스템, ECMAScript 버전 6.0, Dell G3 컴퓨터.

es6에서 from 메소드를 사용하는 방법

이 메소드는 두 가지 유형의 객체, 즉 배열 유사 객체와 탐색 가능한 객체로 변환하는 데 사용됩니다.

Syntax

Array.from( arrayLike, mapFun, thisArg );

Parameters

arrayLike: 필수 . 배열로 변환하려는 의사 배열 객체 또는 반복 가능한 객체

mapFun: 선택 사항. 이 매개변수를 지정하면 새 배열의 각 요소에 대해 콜백 함수가 실행됩니다.

thisArg: 선택 사항입니다. 이 객체는 콜백 함수 mapFun을 실행할 때 사용됩니다.

반환 값

새 배열 인스턴스

예제는 다음과 같습니다.

Generate array from String

Array.from('foo'); 
// [ "f", "o", "o" ]

Generate array from Set

const set = new Set(['foo', 'bar', 'baz', 'foo']);
Array.from(set);
// [ "foo", "bar", "baz" ]

Generate array from Map

const map = new Map([[1, 2], [2, 4], [4, 8]]);
Array.from(map);
// [[1, 2], [2, 4], [4, 8]]
const mapper = new Map([['1', 'a'], ['2', 'b']]);
Array.from(mapper.values());
// ['a', 'b'];
Array.from(mapper.keys());
// ['1', '2'];

From 클래스 배열 객체( 인수 ) 배열 생성

function f() {
  return Array.from(arguments);
}
f(1, 2, 3);
// [ 1, 2, 3 ]

【관련 권장 사항: javascript 비디오 튜토리얼, web front-end】

위 내용은 es6에서 from 메소드를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!