ss__jae2
타닥타닥 IT
ss__jae2
전체 방문자
오늘
어제

Github

  • 타닥타닥 IT (179)
    • 웹개발 (86)
      • JAVA (23)
      • DBMS (6)
      • HTML (9)
      • CSS (7)
      • JavaScript (12)
      • JSP (14)
      • Spring (15)
    • FrontEnd (63)
      • HTML (5)
      • CSS (12)
      • JavaScript (16)
      • React.js (14)
      • Node.js (16)
    • API (5)
    • SQLD (21)
      • SQLD (1)
      • 1과목 데이터 모델링의 이해 (11)
      • 2과목 SQL 기본 및 활용 (9)
    • CS Study (4)
      • 네트워크 (4)

공지사항

최근 댓글

최근 글

반응형
hELLO · Designed By 정상우.
ss__jae2

타닥타닥 IT

웹개발/JavaScript

[JavaScript] 배열(Array), 빠른 for문

2022. 5. 13. 02:41
반응형

1. 배열(Array)

- 배열 요소의 타입이 고정되어 있지 않으므로, 같은 배열에 있는 배열 요소끼리의 타입이 서로 달라도 됨

- 배열 요소의 인덱스가 연속적이지 않아도 되기 때문에 특정 배열의 방이 비어있을 수 있음, 비어있다면 그 방에는 undefined가 있음

- 자바 스크립트에서 배열은 Array 타입의 객체로 다뤄짐

2. 배열의 선언 및 길이

  • 배열의 선언
    let 배열명 = [값1, 값2, ...];
    let 배열명 = new Array(값1, 값2, ...);
    let 배열명 = Array(값1, 값2, ...);
  • 배열의 길이
    배열명.length

- console.dir() : 객체가 어떤 식으로 구성되어 있는지 보여주는 명령어

3. 배열의 요소 추가 및 삭제

  • 배열의 요소 추가
    • 배열명[인덱스] = 추가할 요소;
      - 존재하지 않는 인덱스에 새로운 값을 대입하여 요소 추가
      - 원하는 방에 데이터를 추가하면 됨
    • 마지막에 추가하고 싶을 때
      - 배열명[배열명.length] = 추가할 요소;
      - 배열명.push(추가할 요소)

배열의 요소 추가

  • 배열의 요소 삭제
    • 배열명.pop()
      - 가장 마지막에 있는 값을 제거하며 리턴
    • 배열명.shift()
      - 가장 처음에 있는 값을 제거하며 리턴
    • 배열명.splice(시작 인덱스, 지울 요소 개수, 추가할 값1, 추가할 값2, ...)
      - 삭제 및 추가
      - 추가할 값은 생략 가능
      - 지워지는 값들을 리턴

배열의 요소 삭제

4. 그 외 기능들

  • 배열 연결
    배열명1.concat(배열명2) : 배열1과 배열2를 합쳐줌, 통째로 합쳐진 배열을 리턴, 기존에 있는 것은 바뀌지 않음
  • 배열 요소로 문자열 만들기
    배열명.join("구분점") : 각 요소들을 구분점으로 연결해서 문자열로 만들어 리턴
  • 배열 정렬
    배열명.sort(기준함수) : 기본적으로 문자열 기준으로 정렬(오름차순)
    배열명.reverse(기준함수) : 기본적으로 문자열 기준으로 정렬(내림차순)

5. 빠른 for문

  • for in 문
    - 객체에서도 사용 가능
    for(let 변수 in 객체) {
           - 변수가 객체에 있는 Key들을 가져오며 반복
           - 배열은 인덱스, 객체는 필드를 가져옴
    }
  • for of 문
    - 반복자 성질을 가지고 있는 객체 전용
    for(let 변수 of 반복자) {
           - 변수가 반복자에서 요소들을 꺼내오며 반복, 우리가 만든 객체 불가능
           - 일반적인 객체는 사용하지 못하고 Array처럼 반복적인 성질을 가진 애만 가능
    }

빠른 for문

반응형
저작자표시 (새창열림)

'웹개발 > JavaScript' 카테고리의 다른 글

[JavaScript] 자바스크립트를 이용한 태그 객체 및 onclick  (0) 2022.05.13
[JavaScript] 함수(function)  (0) 2022.05.13
[JavaScript] 대화상자(dialog), 제어문(조건문, 반복문), 간단한 예제  (0) 2022.05.12
[JavaScript] 자료형, 형변환, 연산자, NaN  (0) 2022.05.12
[JavaScript] 스코프, 호이스팅, 변수의 선언 방식  (0) 2022.05.12
    '웹개발/JavaScript' 카테고리의 다른 글
    • [JavaScript] 자바스크립트를 이용한 태그 객체 및 onclick
    • [JavaScript] 함수(function)
    • [JavaScript] 대화상자(dialog), 제어문(조건문, 반복문), 간단한 예제
    • [JavaScript] 자료형, 형변환, 연산자, NaN
    ss__jae2
    ss__jae2

    티스토리툴바