일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- Absolute
- position
- 멋쟁이사자처럼
- false
- javascript
- 리액트
- 선언
- ubuntu
- display
- js
- CSS
- array
- API
- boolean
- 프론트엔드스쿨
- terminal
- STYLE
- http
- react
- 변수
- function
- 조건문
- Inline
- 선택자
- LIKELION
- object
- Project
- block
- True
- HTML
- Today
- Total
Jeden Tag, aufrichtig und lustig.
js 15. array 본문
array (배열)
대괄호 두 개로 이루어져 있으며, 특정한 요소를 담는 데이터 타입이다.
여러개의 데이터를 한 곳에 저장할 수 있는 특징을 가지고 있으며, ex.kospi 지수 차트
데이터의 요소와 요소는 쉼표로 구분한다.
myArray = [36,15,'kiwi',true]
배열의 요소에 접근하는 방법
myArray[0]
* 배열의 요소에는 순서(index)가 존재 하며, index는 1이 아니라 0부터 시작한다.
배열의 요소를 수정하는 방법
myArray[2]= "watermelon";
배열의 길이 구하는 방법
console.log(myArray.length);
배열의 요소 추가하는 방법
myArray.push("cherry");
*method : push
배열의 요소 삭제하는 방법
맨 끝의 요소 삭제
myArray.pop()
맨 앞의 요소 삭제
myArray.shift()
nested array (중첩된 배열)
= multi-dimensional array (다차원 배열)
myArray = [19,44,'awesome',[100,200,500],true]
nested array 속 요소에 접근하는 방법
console.log(myArray[3][0])
slice
slice 메소드는 배열 내의 특정한 요소의
index 범위에 따라 새로운 배열을 리턴한다.
slice 메소드는 원본 배열을 변형시키지 않는다.
그렇기 때문에 이 메소드를 사용할 때는
slice 메서드를 적용한 새로운 변수를 선언해주어야 한다.
slice(시작인자,끝인자)
let nums = [1,2,3,4,5]
let nums_new = nums.slice(1,4)
console.log(nums) // [ 1, 2, 3, 4, 5 ]
console.log(nums_new) // [ 2, 3, 4 ]
시작점인 index가 1인 요소를 포함하고,
끝점인 index가 4인 요소를 제외한 2,3,4를 담은 배열을 리턴한 결과이다.
첫번째 인자에 음수가 들어가는 경우도 있다.
let nums = [1,2,3,4,5]
let nums_new = nums.slice(-2)
console.log(nums) // [ 1, 2, 3, 4, 5 ]
console.log(nums_new) // [ 4, 5 ]
음수가 들어갈 경우 끝에서부터 해당하는 숫자 만큼의 요소를 배열에 담아 리턴한다.
'JavaScript' 카테고리의 다른 글
js 17. 반복문-for (0) | 2022.06.29 |
---|---|
js 16. splice (0) | 2022.06.27 |
js 14. 논리연산자 (0) | 2022.06.22 |
js 13. if문 (0) | 2022.06.22 |
js 12. 비교연산자 (0) | 2022.06.22 |