[코캠]베이스캠프 11일차 | 변수, 배열, 객체

오늘은 JS 수업 첫 날!
변수, 배열, 객체에 대해서 배웠다. 프리캠프 때 가볍게 배웠던 부분들을 개념부터 자세히 배울 수 있어서 좋았다,,!

1. 변수와 상수

변수와 상수는 각각 사용되는 키워드가 있는데, 그 키워드의 특징에 따라 변수명 중복 사용 여부와 데이터 수정 여부가 결정된다.

변수 키워드 : var, let
상수 키워드 : const

var : 재선언, 재할당 둘 다 가능⭕️
let : 재할당만 가능⭕️
const : 재선언, 재할당 둘 다 불가능❌

최근에는 var의 이러한 특징 때문에 거의 사용되지 않는다!

2. 데이터 타입

데이터 타입의 종류에는
String(문자열) : “” , ‘’ 안에 입력된 데이터
Number(숫자) : 1,2,10 과 같은 흔한 숫자 데이터
이 외에 Boolean, undefined, null 등이 있다.

3. 배열

배열이란 여러 개의 값을 순차적으로 나열한 자료구조다.
배열을 만들 땐 대괄호: []를 이용한다.

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

그리고 배열 안의 데이터 하나하나를 요소(element)라고 한다.

3-1. 배열의 메서드

---

array.push() : 배열의 가장 뒤에 데이터를 추가

let ranking = ["정훈","주은","시윤"]
ranking.push("원두")

// 결과
ranking = ["정훈","주은","시윤","원두"]

array.pop() : 배열의 가장 뒤의 데이터를 삭제

et ranking = ["정훈","주은","시윤"]
ranking.pop()

// 결과
ranking = ["정훈","주은"]

array.includes() : 특정 배열에 주어진 데이터가 포함되어 있는지 확인

let ranking = ["정훈","주은","시윤"]
ranking.includes("정훈")

// 결과
true

array.indexOf() : 특정 배열에서 지정된 요소를 찾을 수 있는 첫 번째 인덱스를 반환
*만일 찾을 수 없으면 -1을 반환한다!!

let ranking = ["정훈","주은","시윤"]
ranking.indexOf("정훈")

// 결과
0

4. 객체

객체는 프로퍼티의 집합체라고 할 수 있다.
객체를 만들 때는 중괄호, {}를 이용한다.

let userData = {
	name:"이정훈",
	age:85,
	height:180,
	company:"코드공장"
}

이 예제에서 name, age, height, company가 프로퍼티 키(key)이고, "이정훈", 85, 180, "코드공장"이 프로퍼티 값(value)이 되는 것이다.

객체 메서드

---

Object.keys()
주어진 객체의 key만을 가져와 배열에 담아주는 메서드

let userData = {
	name:"이정훈",
	age:85,
	height:180,
	company:"코드공장"
}

Object.keys(userData)
// 결과 
[ "name", "age", "hight", "company"]

Object.values()
주어진 객체의 value만을 가져와 배열에 담아주는 메서드

let userData = {
	name:"이정훈",
	age:85,
	height:180,
	company:"코드공장"
}

Object.values(userData)
// 결과 
[ "이정훈", 85, 180, "코드공장"]