Array.from 메서드는 자바스크립트에 연속되는 데이터를 배열로 표현을 하도록 해준다. 연속되는 데이터는 반복이 가능하다. 이 데이터가 배열로 표현이 되면 여러가지를 할 수 있다. 문자열은 문자 배열로 표현할 수 있고, json과 같은 연속되고 반복되는 데이터 또한 배열로 표현이 가능하다.
자바스크립트 반복 Array.from 메서드 사용 배열 객체들 표시하기
Array.from 메서드는 연속되는 데이터를 리턴한다.
문자열 객체가 될 수도 있고, json 객체가 될 수도 있고 배열 객체일 수 있다.
어떤 연속되는 데이터가 배열로써 변환이 될 수 있는지 검사할 수도 있다.
연속적인 데이터로써 리턴할 수 없는 데이터라면 Array.from 메서드는 에러를 나타낸다.
Array.from 연속되는 데이터 표현
극단적으로 문자열은 문자의 반복이다.
문자열을 예로 들면 문자배열로 표현할 수가 있다.
자바 또한 그렇고, C 언어 또한 문자배열로써 문자열을 사용한다.
자바스크립트에서 배열 객체르로 표현할 때 Array.from 메서를 사용하며, 사용법은 아래와 같다.
let vArray = Array.from(반복데이터)코드 샘플
위에서 표현한 Array.from 메서드를 사용하여 자바스크립트 예제를 만들어 본다.
반복되는 데이터가 어떻게 배열로 표현이 되는지 살펴본다.
Array.from 메서드의 인자값으로 반복되는 데이터를 입력하면 된다.
<!DOCTYPE html>
<html>
<body>
<script>
let vArray;
let vFind;
console.log('----------');
vArray = Array.from("ABCDEFG");
console.log(vArray);
console.log('----------');
vArray = Array.from("가나다라마바사");
console.log(vArray);
console.log('----------');
vArray = Array.from(["바나나", "귤", "사과", "망고"]);
console.log(vArray);
console.log('----------');
</script>
</body>
</html>연속되는 데이터르 인자값으로 넣었다.
문자열을 넣으면 문자 배열로 나타내고 객체 배열로 넣으면 객체 배열로 표현한다.
연속되고 반복되는 데이터가 있다면 Array.from 을 사용하여 배열로 표현이 가능하다.
반응형
'programming > javascript' 카테고리의 다른 글
| 자바스크립트 배열 Array.includes 메서드 사용 배열 요소 찾기 (0) | 2022.02.05 |
|---|---|
| 자바스크립트 배열 Array.keys() 메서드 사용 (0) | 2022.02.04 |
| 자바스크립트 배열 findIndex 메서드 사용 배열의 검색된 첫번째 값 인덱스 찾기 (0) | 2022.01.31 |
| 자바스크립트 배열 find 메서드 사용 배열의 검색된 첫번째 값 찾기 (0) | 2022.01.29 |
| 자바스크립트 lastIndexOf 메서드 사용 뒤에서 부터 배열의 요소 값 찾기 (0) | 2022.01.28 |
댓글