TIL - 10일차 220128 (배열, 객체)

오전 8:30 - 8:45 plan / 나의 하루 목표 작성

오늘은 배열과 객체를 블로깅을 통해 공부하고, 페어와 배열 코플릿을 꼼꼼하게 볼 예정입니다.

오전 9:00 - 10:00 chapter / 배열, 배열의 반복, 배열 기초 메소드

배열 = Array
요소 = Element
배열 number[1,2,3] 에서 number[4] = undefined 이다

 

number.push(96) = [1,2,3,96] - 마지막에 요소 추가
number.pop(); = [1,2,3] - 마지막 요소 삭제

arr.shift() 를 쓰면 배열에서 첫번째 요소를 아예 빼버린다 [1,2,3] 인경우 [2,3] 이 된다
arr.unshift('0') 를 쓰면 배열의 첫번째 자리에 집어 넣는다 [1,2,3] 인경우 [0,1,2,3]이 된다

1. 뒤에 element 추가: push
2. 뒤에 element 삭제: pop
3. 앞의 element 추가: unshift
4. 앞의 element 삭제: shift

NaN = Not a Number

typeof 를 통해 어떤 type인지 확인 가능하다
typeof '문자열' = "string"
typeof 123 = "number"
typeof words = "object"
typeof [1,2,3] "object

Array.isArray 를 통해 배열인지 아닌지 확인 가능하다
Array.isArray([1,2,3]) = true
Array.isArray(123) = false

console.table(arr) 를쓰면 배열의 (index) 와 (value)를 표로 보여준다

변수, 데이터, 또는 특정 값이 배열에 포함되어 있는지 확인할 수 있다. indexOf, includes
numbers = [1,2,3]
numbers.indexOf(2) = 1 //2의 위치
numbers.indexOf(4) = -1 //없을때 -1이라고뜬다
numbers.include(1) = true
numbers.include(4) = false

arr1.concat(arr2) - 배열을 합쳐준다
배열을 복사, 분리하는 법을 이해할 수 있다. slice, splice

오전 10:00 - 오후 3:00 pair / 코플릿 - 배열

오후 3:00 - 4:00 chapter / 객체

객체는 키와 값 쌍(key-value pair)으로 이루어져 있습니다.

let user = {  // 중괄호(curly bracket)를 이용해서 객체를 만듭니다.
   firstName: 'Steve',  // firstName = 키(key) / 'Steve' = 값(value)
   lastName: 'Lee', // 키, 값 사이에는 콜론(:)으로 구분합니다.
   email: 'steve@codestates.com', // 키-값 쌍(key-value pair)은 쉼표(comma)로 구분해줍니다
   city: 'Seoul' // delete user.city; 로 지울수있음
};

객체의 값을 사용하는 방법은 두가지가 있습니다.
방법 1: Dot notation
user.firstName; // 'Steve'
user.city; // 'Seoul'

방법 2: Bracket notation // 흔히 하는실수 -  '' 를 까먹음
user['firstName']; // 'Steve'
user['city']; // 'Seoul'

delete 키워드를 이용해 삭제가 가능합니다.
delete user.city;

in 연산자를 이용해 해당하는 키가 있는지 확인할 수 있습니다.
'firstName' in user; // true
'password' in user; // false

 

오후 4:00 - 5:00 checkpoint / 배열, 객체

오후 5:00 - 6:00 zoom / 주간 회고

오후 6:00 - 6:30 survey / Weekly Self Reflection

사실 - HTML, CSS, Linux, Git을 블로깅과 페어 활동을 통해 많이 학습했습니다.

느낌 - 뭔가 한번 들었던거라 그런지 페어 과제를 진행할때 잘풀렸습니다.

발견점 - 지난 기수때 보다 좀 달라졌다라고 생각했습니다

다음주를 위한 행동 - 다음주에는 지난 기수때 어려웠던 부분들을 중점적으로 학습해볼 예정입니다.