CodeW3C 온라인 강의
  • HTML 시리즈 강의
  • 브라우저 스크립트
  • 서버 스크립트
  • 프로그래밍 강의
  • XML 시리즈 강의
  • 웹사이트 만들기 가이드
  • 참조 가이드

강의 일정

JS 참조서

  • JS 참조서(카테고리 정렬)
  • JS 참조서(알파벳 정렬)

JavaScript

  • JS 배열
  • JS 블루투스
  • JS 클래스
  • JS 날짜
  • JS 에러
  • JS 글로벌
  • JS JSON
  • JS Map
  • JS Math
  • JS 숫자
  • JS Promise
  • JS RegExp
  • JS Set
  • JS 문자열
  • JS 객체
  • JS 연산자
  • JS 연산자 우선순위
  • JS 문
  • JS 타입화된 배열

윈도우

  • Window 객체
  • 윈도우 콘솔
  • 윈도우 历史
  • 윈도우 위치
  • 윈도우 네비게이터
  • 윈도우 스크린

HTML DOM

  • HTML 문서
  • HTML 요소
  • HTML 어트리뷰트
  • HTML 이벤트
  • HTML 이벤트 객체
  • HTML 컬렉션
  • HTML NodeList
  • HTML DOMTokenList
  • HTML 스타일

웹 API

  • API Canvas
  • API 콘솔
  • API Fetch
  • API 전체 화면
  • API 위치
  • API 历史
  • API MediaQueryList
  • API 저장소
  • API 검증
  • API 웹

웹 API

  • HTML 객체
  • <a>
  • <abbr>
  • <address>
  • <area>
  • <article>
  • <aside>
  • <audio>
  • <b>
  • <base>
  • <bdo>
  • <blockquote>
  • <body>
  • <br>
  • <button>
  • <canvas>
  • <caption>
  • <cite>
  • <code>
  • <col>
  • <colgroup>
  • <datalist>
  • <dd>
  • <del>
  • <details>
  • <dfn>
  • <dialog>
  • <div>
  • <dl>
  • <dt>
  • <em>
  • <embed>
  • <fieldset>
  • <figcaption>
  • <figure>
  • <footer>
  • <form>
  • <head>
  • <header>
  • <h1> - <h6>
  • <hr>
  • <html>
  • <i>
  • <iframe>
  • <img>
  • <ins>
  • <input> 버튼
  • <input> 체크박스
  • <input> 색상
  • <input> 날짜
  • <input> 날짜와 시간
  • <input> 이메일
  • <input> 파일
  • <input> 숨기기
  • <input> 이미지
  • <input> 월
  • <input> 숫자
  • <input> 비밀번호
  • <input> 라디오
  • <input> 범위
  • <input> 재설정
  • <input> 검색
  • <input> 제출
  • <input> 텍스트
  • <input> 시간
  • <input> URL
  • <input> 주
  • <kbd>
  • <label>
  • <legend>
  • <li>
  • <link>
  • <map>
  • <mark>
  • <menu>
  • <menuitem>
  • <meta>
  • <meter>
  • <nav>
  • <object>
  • <ol>
  • <optgroup>
  • <option>
  • <output>
  • <p>
  • <param>
  • <pre>
  • <progress>
  • <q>
  • <s>
  • <samp>
  • <script>
  • <section>
  • <select>
  • <small>
  • <source>
  • <span>
  • <strong>
  • <sub>
  • <summary>
  • <sup>
  • <table>
  • <tbody>
  • <td>
  • <tfoot>
  • <th>
  • <thead>
  • <tr>
  • <textarea>
  • <time>
  • <title>
  • <track>
  • <u>
  • <ul>
  • <var>
  • <video>

    • 기타 참조 설명서
    • CSSStyleDeclaration

    JS 타입 변환

    선택 과목

    • CodeW3C.com 보물함

    JavaScript new Map()

    • 이전 페이지 new Map()
    • 다음 페이지 clear()
    • 上一层으로 돌아가기 JavaScript Map 참조 가이드

    과목 추천:

    new Map() 정의와 사용법

    구조 함수는 Map 객체를 생성하는 데 사용됩니다。

    주의 new Map() Map 객체는 만들 수 없습니다.

    로 생성합니다.

    인스턴스

    예제 1 new Map() 구조 함수를 통해 배열을 전달하여 Map 객체를 생성합니다:

    // Map을 생성합니다
    const fruits = new Map([
      ["apples", 500],
      ["bananas", 300],
      ["oranges", 200]
    ]);
    

    직접 시도해 보세요

    예제 2

    새로운 Map 객체를 생성하고 사용하여 set() 요소 추가 메서드:

    // Map을 생성합니다
    const fruits = new Map();
    // Map의 값을 설정합니다
    fruits.set("apples", 500);
    fruits.set("bananas", 300);
    fruits.set("oranges", 200);
    

    직접 시도해 보세요

    문법

    new Map(iterable)

    매개 변수

    매개 변수 설명
    iterable 선택 사항. 키밸류 쌍을 포함한 이터러블 객체。

    반환 값

    타입 설명
    Object 새로운 Map 객체。

    브라우저 지원

    Map은 ECMAScript6 (ES6)의 기능입니다。

    2017 년 6 월부터 모든 현대 브라우저는 ES6 (JavaScript 2015)를 지원합니다:

    Chrome Edge Firefox Safari Opera
    Chrome 51 Edge 15 Firefox 54 Safari 10 Opera 38
    2016 년 5 월 2017 년 4 월 2017년 6월 2016년 9월 2016년 6월

    Map은 Internet Explorer에서 지원되지 않습니다.

    관련 페이지

    강의:JavaScript Map

    강의:JavaScript 상속 가능 객체

    참조:JavaScript Map

    • 이전 페이지 new Map()
    • 다음 페이지 clear()
    • 上一层으로 돌아가기 JavaScript Map 참조 가이드

    도구함

    JavaScript 및 HTML DOM 참조 가이드
    JavaScript 예제
    JavaScript 테스트
    JavaScript 강의

    스폰서 링크

    CodeW3C.com에서 제공하는 내용은 교육 및 테스트 용으로만 사용되며, 내용의 정확성을 보장하지 않습니다. 이 사이트의 내용을 사용함으로써 발생하는 모든 위험은 이 사이트와 무관합니다. 저작권 소유, 모든 권리를 보존합니다.

    CodeW3C.com에 관하여 CodeW3C.com 도움말 이용 조건 개인정보 보호 조항 Ce4e.com으로 구동됨