갬쿠
개미 개발
갬쿠
전체 방문자
오늘
어제
  • ALL (137)
    • React (20)
    • JS & CSS & HTML (29)
    • Algorithm (62)
    • 웹 보안 (11)
    • 달리는 까까: 쿠키런 팬게임 (10)
    • Python (0)
    • 기타 (5)
    • 비공개 플젝 (0)

블로그 메뉴

  • GitHub
  • 방명록
  • 관리자 메뉴

공지사항

인기 글

태그

  • Best of the Best
  • 리액트
  • 크롬 공룡게임
  • 쿠키런
  • 달리는 까까
  • BEAKJOON
  • Object
  • 객체
  • node.js
  • useState
  • 쿠키런 모작
  • 게임
  • Baekjoon
  • 모의 해킹
  • 백준
  • useEffect
  • Programmers
  • transform
  • useReducer
  • 쿠키런 팬게임
  • EventListener
  • REACT
  • SQL Injection
  • JavaScript
  • HTML
  • 게임 개발
  • Python
  • js
  • 크롬 공룡 게임
  • CSS

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
갬쿠

개미 개발

JS & CSS & HTML

JS 배열 요소 삭제

2022. 3. 31. 15:27

1. splice()

arr.splice(index, 1);

arr.splice(0);    //모든 요소 삭제

첫 번째 인자는 제거할 요소의 인덱스, 두 번째 인자는 제거할 요소 개수를 받는다.

반환 값은 삭제한 요소들을 담은 배열이다.

splice(0)을 하면 배열의 모든 요소가 삭제된다.

 

2. delete

let arr = [1, 2, 3];
delete arr[0];

해당 요소를 빈 값으로 변경한다. 따라서 배열 길이는 그대로다.

위 코드를 실행하면 arr는 [empty(undifined), 2, 3]이 되며 arr의 길이는 3이다.

 

3. pop()

arr.pop();

배열의 마지막 요소를 삭제한다.

반환 값은 삭제된 요소의 값이다.

 

4. shift()

arr.shift();

배열의 첫 번째 요소를 삭제한다.

반환 값은 삭제된 요소의 값이다.

 

5. filter()

arr.filter((n) => n < 3);

주어진 조건에 맞는 새로운 배열을 반환한다.

기존 배열은 변경되지 않는다.

728x90

'JS & CSS & HTML' 카테고리의 다른 글

CSS transition  (0) 2022.03.31
JS arrow function  (0) 2022.03.31
CSS will-change  (1) 2022.03.20
JS DOM style(CSS) 변경 / 접근  (0) 2022.03.20
JS 자료형 / String & Number 변환  (0) 2022.03.19
    'JS & CSS & HTML' 카테고리의 다른 글
    • CSS transition
    • JS arrow function
    • CSS will-change
    • JS DOM style(CSS) 변경 / 접근
    갬쿠
    갬쿠
    보안&소프트웨어 전공 프론트엔드 개발자

    티스토리툴바