[JS] 기본 배열 - 1편

JS의 배열은 데이터 타입에 상관없이 혼합해서 사용할 수 있다.

const array_1= [1,'apple',true]

 

배열의 정의로 함수 new Array()을 이용할 수도 있다.

const a = new Array(3)

a[0]='apple'

a[1]=false

a[2]=34

또는 아래처럼 정의할 수 있다.

const b = new Array('orange',true,43)

 

그렇지만 데이터를 직접입력하는 경우  [ ] 을 사용하는 것이 가장 간단하다.

 

배열을 다룰 때 사용하는 여러 함수가 있다.

 

1) forEach(콜백함수)

 

콜백함수로 배열의 값과 인덱스를 활용해서 출력해보자

onst array_1 = [2,3,5,7,11,13,17,19]

array_1.forEach((value,index) => {    
    console.log("20 미만의 소수 "+(index+1)+"번"+":"+value)
})

다른 반복문처럼 배열 내 모든 값을 각각 취급하지만 

fliter()나 map()함수 다음으로 사용할때는 filter,map의 반환값을 가져다 사용한다.

const array_1 = [2,3,5,7,11,13,17,19]

array_1
.filter((value)=> value%2 != 0)
.forEach((value) => {
  console.log(value);
}) //2을 제외한 나머지가 출력된다.

 

2) for of 루프

const array_2 = ['마들렌','휘낭시에','타르트','쿠키','스콘']

for (const value of array_2) {
	console.log("저는 디저트 중에서 "+ value+ " 만들기가 가장 좋습니다")
}

3) for (let i =0; i<array.length;i++){}

const array_2 = ['마들렌','휘낭시에','타르트','쿠키','스콘']

for (let i =0; i<array_2.length;i++){
	console.log("저는 디저트 중에서 "+ array_2[i]+ " 만들기가 가장 좋습니다")
}

4) 추가 혹은 삭제 

unshift / push / shift/ pop

const array_2 = ['마들렌','휘낭시에','타르트','쿠키','스콘']

array_2.unshift('티라미수','파운드') // 앞에 

array_2.push('마카롱','다쿠와즈') //뒤에 추가

array_2.shift() //맨 앞 요소 하나 제거

arry_2.pop() //맨 뒤 요소 하나 제거

4) splice(인덱스,추출개수,요소1,요소2)

추출 후 변환 다른 요소로 집어넣기

const array_2 = ['마들렌','휘낭시에','타르트','쿠키','스콘']

array_2.splice(1,0,'파운드') 
//['마들렌','파운드','휘낭시에','타르트','쿠키','스콘']
array_2.splice(1,2,'다쿠와즈','와플')
//['마들렌','다쿠와즈,'와플,'타르트','쿠키','스콘']