inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

모던 자바스크립트(ES6+) 기본

1. from(), of()

Array.from()이랑 Array.of()랑 설명이 뒤바뀐 것 같아요..

177

yuna kang

작성한 질문수 4

0

실제로 콘솔에 찍어보니 아래와 같이 나오는데요,

Array.from()은 파라미터를 쪼개서 배열로 만들어주고, 파라미터가 object 타입이면 빈 배열 []을 반환하더라고요.

반면 Array.of()는 object 타입을 파라미터로 받았을 때 그대로 반환하고, 다른 파라미터는 객체 하나로 통째로 반환하였습니다.

제가 잘못 이해한 건지요?

'use strict';

const arrayLike = {0: "zero", 1: "one", length: 2};
const obj = {1:1, 2:2, 3:3}

console.log(Array.from(obj));         // []
console.log(Array.from("ABC"));       // ["A", "B", "C"]
console.log(Array.from(arrayLike));   // [zero, one]

console.log(Array.of(obj));         // [{1: 1, 2: 2, 3: 3}]
console.log(Array.of("ABC"));       // ["ABC"]
console.log(Array.of(arrayLike));   // [{0: "zero", 1: "one", length: 2}]

es6 javascript

답변 1

0

김영보

Array.from()이랑 Array.of()랑 설명이 뒤바뀐 것 같아요.
==> 코드 실행 결과도 맞으며,  설명도 바뀌지 않고 맞습니다.

Array.from()은 파라미터를 쪼개서 배열로 만들어주고, 파라미터가 object 타입이면 빈 배열 []을 반환하더라고요.
==> Array.from() 기능이며 맞습니다. Object를 배열로 변환할 수 없으므로 빈 배열을 반환합니다.

반면 Array.of()는 object 타입을 파라미터로 받았을 때 그대로 반환하고, 다른 파라미터는 객체 하나로 통째로 반환하였습니다.
==> 그대로 반환하지만 [ ] 안에 넣어서 그대로 반환합니다.

prototype의 메소드 내부에 화살표 함수가 작성된 경우

1

229

0

let 변수 호이스팅

0

381

1

[정리시간]부족하지만...

3

238

0

[제네레이터함수, yield를 활용한 무한 덧셈] 식, result += yield result를 어떻게 이해 해야할까요???

0

408

1

자바스크립트도 컴파일을 하나요?

0

626

1

틀린부분 질문드립니다

0

304

1

clear() 메소드 관련 질문

0

250

0

실행 시점

0

162

0

yield에 대해 질문이 있습니다.

0

302

2

window 오브젝트에서의 함수표현식 호출

0

279

1

Unicode 관련 정리

2

226

1

화살표 함수의 this 의 정적 스코프 참조 부분 질문드립니다.

0

205

1

선생님께서 ES5 심화과정에서 알려주신 event 처리 방법 나이스입니다!

1

214

1

안녕하세요.선생님 질문이 생겨서 글남깁니다.

0

201

1

안녕하세요.선생님 질문 있습니다.

1

262

2

Arrow Function 에서 Scope 관련 질문이 있습니다.

1

298

5

setPrototypeOf() 는 정의에 대해 헷갈린 점 질문 드립니다.

5

234

1

[강의자입니다] 브라우저 디버거 창의 오른쪽에 let, const 변수 표시

5

289

0

디버깅 맨 처음부터 Script에 globalLet이 설정되어있습니다.

1

243

1

강의 pdf 파일 공개 부탁드립니다

0

170

1

아 전역에 let을 선언해도 순서대로 읽는군요;;

2

240

1

Symbol.species 질문입니다.

0

420

1

글의 정리가 안되어있어 삭제했습니다.

0

162

1

DevTools > Sources 에서 Block을 볼 수 없어요!

0

277

4