본문 바로가기

자바스크립트

[Javascript] - Array를 다루는 방법들

 

 

 

 

 

 

Array = 배열 입니다   오늘은  자바스크립트로 배열을 다루는 방법들에 대해서  포스팅을 해보겠습니다  

 

1. 배열 선언하기   

 

배열을  선언 하는 방법은  2가지가  있습니다  

const arr1 = new Array() //첫번째 방법
const arr2 = [1,2];  // 두번째 방법

 

 

2. push()

 

push()는 배열의  가장 뒤 쪽에   값을 삽입하는 함수입니다  

 

const arr = ['apple', 'melone']
arr.push('potato')
console.log(arr)

// 결과   ['apple', 'melone', 'potato']

 

 

3.unshift()

 

unshift()는 배열의 가장 앞쪽에   값을 삽입하는 함수입니다 

const arr = ['apple', 'melone']
arr.unshift('potato')
console.log(arr)

// 결과   ['potato', 'apple', 'melone']

 

4.pop()

 

pop()은 배열의  가장 뒤에 있는 요소를 삭제합니다 

 

const arr = ['apple', 'melone','potato']
arr.pop()
console.log(arr)

// 결과   ['apple', 'melone']

 

5.shift()

 

shift()은 배열의 가장 앞에 있는 요소를 삭제합니다 

 

const arr = ['apple', 'melone','potato']
arr.shif()
console.log(arr)

// 결과   ['melone','potato]

6.splice()

 

splice(삭제를 시작하는 인덱스, 지우는 길이) 로 사용합니다  

 

const arr = ['apple', 'melone','potato']
arr.splice(1,1)
console.log(arr)

// 결과   ['apple','potato]

splice()는 삭제뿐만 아니라   그 자리에 원하는 값을 넣을 수도 있습니다 

 

const arr = ['apple', 'melone','potato']
arr.splice(1,1,'watermelone') 
console.log(arr)

// 결과   ['apple','watermelone','potato] melone을 삭제하고 watermelone을 추가한다 

복제도 가능합니다   

 

const arr = ['apple', 'melone','potato']
const arr2 = arr.splice()
console.log(arr)
console.log(arr2)

// 결과   ['apple', 'melone','potato']
          ['apple', 'melone','potato']

 

7.concat() 

 

concat은 두가지 배열을 하나로 합쳐줍니다  

const arr = ['apple','banana','kiwi'];

const comArr = arr.concat(['melone','watermelone']);

console.log(comArr); 

//결과 ['apple', 'banana', 'kiwi', 'melone', 'watermelone']);
// 배열 2개가 합쳐진다.