Javascript 배열

day + 16

✅배열

: 순서(index)가 있는 값(element)

✔️Array properties

let array = [1, 2, 3, 4, 5]; 	//square bracket으로 선언
array[1];			// 배열 array의 1번째 index의 element를 조회한다
array[2] = "young"; 			// 배열 array의 2번째 index의 element를 "young"으로 재할당 한다
array[5];			// undefined 출력
array.length;		// array의 길이, element 갯수 출력
>>5

let array = [ [1,2], ["a","b"], [1,"a"] ];		// 2차원 배열
array[2][1];		// array의 2번째 index의 배열의 1번째 index의 element 출력
>"a"

✔️Array method

let young = [62, 1, 5, 3, 55]

• young.push(2)
  : 배열 맨 끝에 element 추가
  배열을 push할 시 2차원 배열이 된다.
  push() 할 경우 아무것도 추가되지 않는다.
  // young.length를 반환한다.
  ---> 6
  
  

• young.pop()
  : 배열 맨 끝 element 삭제
  // 배열에서 제거한 요소를 반환한다. 빈 배열일 경우 undefined 출력
  ---> 55
  
  

• Array.isArray(young)
  : 배열인지 여부를 검사하고 싶은 object를 입력한다
  // 배열이면 true, 아니면 false를 반환한다
  ---> true
  
  

• console.table(young)
  : 배열 young의 table과 length가 출력된다
  

• young.shift
  : 배열 맨 앞 (0번째 index) element 삭제
  // 배열에서 제거한 요소를 반환한다
  ---> 62
  
  

• young.unshift(4, 6)
  : 배열 맨 앞에 (0번째 index) element 추가
  // young.length 반환
  ---> 7
  
  

• young.indexOf(5)
  : 해당 element의 index 출력
  없는 element라면 -1 출력
  ---> 3
  
  

• young.includes(4)
  : 해당 element가 있으면 true, 없으면 false 출력
  ---> true

✅ 문제 풀면서 공부한 것

let young = [62, 1, 5, 3, 55]

1️⃣Math.max(...young) 		// 배열 young의 가장 큰 값 출력
> 62

2️⃣for (let i of young) {
console.log(i)
}						// young의 element가 index 순서대로 출력된다
>62
>1
>5
>3
>55

3️⃣young.concat(arr)		// 배열 young 뒤에 배열 arr을 더한다 (1차원) (immutable)

4️⃣young.push(arr)			// 배열 young 뒤에 배열 arr을 추가한다 (2차원) (mutable)

5️⃣young.slice(index이상, index미만)		//배열 young을 자르고, 자른 부분을 반환한다
young.slice(2)
>[5, 3, 55]

6️⃣young.splice(시작index, 삭제할 갯수, 넣을 요소(옵션))		// 배열 young의 일부 요소를 삭제하거나 그 부분의 element를 변경할 수 있다 (mutable)
young.splice(2, 2, 55, 2)		// 삭제한 부분 반환
>[5, 3]
console.log(young)
>[62, 1, 55, 2, 55]			// 배열 young이 변경 되었다


7️⃣young.join()		// 배열 young의 모든 요소를 하나로 연결하여 문자열로 반환한다
>'62,1,5,3,55'
young.join("")
>'6215355'
young.join("-")
>'62-1-5-3-55'

✅ 더 공부할 것

✔️ young.reduce()		//배열의 합?! 콜백함수가 뭔지 모르겠다

✔️ for ( let i in young) {
 console.log(i)				//객체를 배우고 나면 이해가 갈 것 같다...!
}

~짧은 일기~

오랜만에 벨로그로 회고를 작성한다!
오늘은 드디어 모니터가 배송왔다
너무 커서 눈이 아프다... 13인치에서 32인치는 극단적인 느낌😅
수업 끝나고 모니터 세팅하고 오늘 배운 내용을 정리해 보았다
[배열]! 비교적 간단하면서도 헷갈리지 않으려면 method를 외워놓아야 할 것 같아서 쉽지만은 않다
하다보면 외워지려나...
페어님이 백준 추천해주셔서 문제도 풀어보려 한다

그리고 오늘 깨달은 것...
변수에 할당할 때 let을 꼭 쓰자!
줄바꿈에 ;도 꼭 쓰자!