Googling/javascript

[Javascript] 배열 (array) 자르기 - slice()

2021. 5. 12. 08:25
728x90
반응형
const sliceArray =  [1,2,3].slice(1,3)

 

두 개의 인자를 모두 선택적으로 활용하는데

첫번째 인자 undefined 시에 0으로 작동하고

두번째 인자 undefined 시에 배열의 길이로 작동한다!

 

정확하게는

첫번째 인자에 해당하는 인덱스부터

두번째 인자에 해당하는 인덱스 이전까지이다. (이 부분이 가끔 생소하게 다가온다 ㅎ)

 

여기서 slice()를 인자없이 쓸 수도 있는데 이 경우 결과값이 동일하여 무쓸모라 생각할 수 있는데

slice() 활용시 새로운 객체가 리턴되는 것이 핵심이기 때문에 복사 용도로 활용할 수 있다!

const animals = ['ant', 'bison', 'camel', 'duck', 'elephant'];

console.log(animals.slice(2));
// expected output: Array ["camel", "duck", "elephant"]

console.log(animals.slice(2, 4));
// expected output: Array ["camel", "duck"]

console.log(animals.slice(1, 5));
// expected output: Array ["bison", "camel", "duck", "elephant"]

 

p.s. 가장 정확하게 확인하는 방법은 역시나 mdn을 활용하는 방법!

developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/slice

 

Array.prototype.slice() - JavaScript | MDN

The slice() method returns a shallow copy of a portion of an array into a new array object selected from start to end (end not included) where start and end represent the index of items in that array. The original array will not be modified.

developer.mozilla.org

반응형

'Googling > javascript' 카테고리의 다른 글

[JavaScript] 오픈소스 활용 json 엑셀파일로 내보내기 (feat. SheetJs)  (0) 2021.08.01
[Javascript] Body에서 Drag & Drop 활용하기  (0) 2021.05.12
'Googling/javascript' 카테고리의 다른 글
  • [JavaScript] 오픈소스 활용 json 엑셀파일로 내보내기 (feat. SheetJs)
  • [Javascript] Body에서 Drag & Drop 활용하기
날개단
날개단
이왕 하는거 우왕 나오게
날개단
날개단 기술 블로그
날개단
전체
오늘
어제
  • 분류 전체보기 (66)
    • Small Talk (2)
    • Retrospective (13)
    • Document (4)
    • Googling (1)
      • cs (7)
      • postgresql (8)
      • Vue + Nuxt (3)
      • javascript (3)
      • typescript (1)
      • Node.js (1)
      • Git (1)
      • JSP (1)
      • html + css (1)
      • Android (1)
      • tools (4)
    • Achieving (1)
      • ToyProject (1)
      • Study (0)
    • Deep Dive Series (12)
      • Paging (4)
      • Good Condition (5)
      • Image Resizing (2)
      • Algorithm (1)
    • Review (2)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • EARLYRETURN
  • 개발자회고
  • 포스트그레
  • nuxt
  • 신입개발자
  • if문
  • 토이프로젝트
  • 사이드프로젝트
  • PostgreSQL
  • 코드리팩토링
  • 개발자변신
  • 스타트업개발자
  • 스타트업회고
  • 좋은조건문
  • 개발자
  • 회고
  • 조건문
  • 상반기회고
  • 좋은분기
  • 페이징

최근 댓글

최근 글

hELLO · Designed By 정상우.
날개단
[Javascript] 배열 (array) 자르기 - slice()
상단으로

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.