250x250
Rainbow🌈Coder
My dev Note📒
Rainbow🌈Coder
전체 방문자
오늘
어제
  • 분류 전체보기 (411)
    • 공지사항 (0)
    • Debugger (10)
      • Visual Studio Debugger (1)
      • Chrome DevTools (3)
      • Visual Studio Code Debugger (4)
      • eclipse (1)
      • intelliJ (1)
    • OOP (2)
      • OOP (2)
    • TypeScript (54)
      • 타입스크립트 TypeScript (54)
    • Javascript (87)
      • Javascript (45)
      • Node.js (19)
      • React (5)
      • FE 개발환경설정 (3)
      • React와 Node 같이 때려잡기 (6)
      • next.js (2)
      • pixi.js (7)
    • 마크업 (23)
      • Html & Css (23)
    • C# (80)
      • C# (12)
      • 이것이 C#이다 (68)
    • C++ (30)
      • c++ (27)
      • win api (3)
    • Unity (18)
      • Unity(기초) (8)
      • Unity(C#중급) (5)
      • 유니티 포톤(네트워크) (4)
      • unity c# MyCode (1)
    • Java & Spring (29)
      • Java (11)
      • 스프링 (8)
      • Java Algorithm (9)
      • Javs Data Structures (1)
    • 자료구조와 알고리즘 (15)
      • 자료구조 (5)
      • 알고리즘 (10)
    • 형상관리 (15)
      • Git (11)
      • 소스트리 (3)
    • 그래픽스 (7)
      • WebGl (7)
    • AWS (3)
      • aws (3)
    • 리눅스 (5)
      • 리눅스 (5)
    • 책 리뷰 (13)
      • 클린코드(책리뷰) (3)
      • 유지보수가능한코딩의기술C#편(책리뷰) (1)
      • 리팩토링(자바스크립트판) (9)
    • Server (2)
      • 게임 서버(네트워크, 멀티쓰레드,OS) (2)
    • 설계, 아키텍쳐 (4)
    • 파이썬 (5)
    • 디자인패턴 (2)
    • mocha (2)
    • Jest (1)
    • Spine (1)
    • 인공지능 (1)
      • 혼자공부하는머신러닝+딥러닝 (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • ㅣㄷ
  • 컴포지션
  • MySQL
  • 위임

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
Rainbow🌈Coder

My dev Note📒

[Js] 배열 생성
Javascript/Javascript

[Js] 배열 생성

2022. 7. 22. 19:03
728x90
interface ArrayConstructor {
    /**
     * Creates an array from an array-like object.
     * @param arrayLike An array-like object to convert to an array.
     */
    from<T>(arrayLike: ArrayLike<T>): T[];

    /**
     * Creates an array from an iterable object.
     * @param arrayLike An array-like object to convert to an array.
     * @param mapfn A mapping function to call on every element of the array.
     * @param thisArg Value of 'this' used to invoke the mapfn.
     */
    from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];

    /**
     * Returns a new array from a set of elements.
     * @param items A set of elements to include in the new array object.
     */
    of<T>(...items: T[]): T[];
}

    of<T>(...items: T[]): T[]; 갯수를 알 수 없는 아이템들의 배열을 받고, 그것을 반환

interface ArrayConstructor {
    /**
     * Creates an array from an iterable object.
     * @param iterable An iterable object to convert to an array.
     */
    from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];

    /**
     * Creates an array from an iterable object.
     * @param iterable An iterable object to convert to an array.
     * @param mapfn A mapping function to call on every element of the array.
     * @param thisArg Value of 'this' used to invoke the mapfn.
     */
    from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
}

 

1. 배열 만들기

- 리터럴 방식 :  let shows = ['미드나잇쇼','런치쇼','데뷔쇼','매직쇼'];

- 정적 메소드 이용 방식

  (1) Array.of

  (2) Array.from

- new 이용 : let shows = new Array('미드나잇쇼','런치쇼','데뷔쇼','매직쇼');

 

 

    /**

//이터러블 오브젝트로 부터 새로운 배열을 만든다.

//이터러블 : 순회가 가능한
     * Creates an array from an iterable object.
     * @param iterable An iterable object to convert to an array.
     */
    from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];

 

=> 즉 배열 뿐 아니라 순회가 가능한 것들을 전달할 수 있다.

 

<예제 코드 정리>

let 과일 = new Array('사과', '바나나', '청포도');
for (let i = 0; i < 과일.length; i++) {
	console.log(과일[i]);
}

//배열을 전달하면 그대로 복사해서 새롭게 배열을 만들어준다.
let shows = Array.of('미드나잇쇼', '런치쇼', '데뷔쇼', '매직쇼');
for (let i = 0; i < shows.length; i++) {
	console.log(shows[i]);
}

const copyShows = Array.from(shows[0]);
console.log(copyShows);

728x90

'Javascript > Javascript' 카테고리의 다른 글

[JavaScript] document.getElementsByClassName() - 특정 class를 가지고 있는 dom 요소들을 찾기/가져오기  (0) 2022.12.20
배열의 함수들  (0) 2022.07.22
Bind  (0) 2022.07.19
[자바스크립트] 싱글스레드, 비동기처리, 콜백함수  (0) 2022.05.29
[자바스크립트] 매개변수, 인자 용어 차이  (0) 2022.05.27
    'Javascript/Javascript' 카테고리의 다른 글
    • [JavaScript] document.getElementsByClassName() - 특정 class를 가지고 있는 dom 요소들을 찾기/가져오기
    • 배열의 함수들
    • Bind
    • [자바스크립트] 싱글스레드, 비동기처리, 콜백함수
    Rainbow🌈Coder
    Rainbow🌈Coder
    몰라도 결국은 아는 개발자, 그런 사람이 되기 위한 매일의 한걸음

    티스토리툴바