Jeden Tag, aufrichtig und lustig.

js 15. array 본문

JavaScript

js 15. array

a-nanas 2022. 6. 27. 20:06

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