기초 자바스크립트

최근 코딩 테스트를 자바에서 자바스크립트로 풀기 시작했기 때문에 기초 용어들을 배우기 시작 하였다. 물론 그냥 개발 때 쓰던 용어들은 익숙했지만 코테는 또 다르기 때문에 내가 몰랐거나 헷갈렸던 부분들을 다시 익히기 위해 기초 부터 다시 배우기 시작했다.

객체:

1// 객체안에는 메소드를 포함한 여러 프로퍼티를 가질 수 있다
2let fruits = {
3	apple: 2,
4	'banana': 4,
5	printFruits: function printFruits(){
6		console.log(this);
7	}
8}
9
10// 프로퍼티가 없어도 새로 만들고 값을 부여할 수 있다. 밑에 두 프로퍼티는 같다
11fruits.grape = 5;
12fruits['grape'] = 5;
13
14// 객체 내에 포함 되어 있는지 확인한다
15if('apple' in fruits){}

배열:

1let numbers = [1,2,3,4,5];
2
3// splice("지울 인덱스", "지울 갯수", "...추가할 항목들")
4// numbers = [1,2,3,4,8,9,10] 으로 변경된다
5numbers.splice(4,1,8,9,10) 
6
7// 배열의 첫 요소 삭제
8numbers.shift()
9
10// 배열의 마지막 요소 삭제
11numbers.pop()
12
13// 배열의 첫 요소로 추가
14numbers.unshift(0)
15
16// 배열의 마지막 요소로 추가
17numbers.push(11)
18
19// 배열에 요소가 포함되어 있으면 인덱스를 알려준다, 없을때는 -1 이 돌아온다
20numbers.indexOf(4)
21
22// indexOf처럼 인덱스를 알려주지만 뒤에 인덱스 부터 찾는다
23numbers.lastIndexOf(4)
24
25// 배열안에 요소가 포함되어 있는지 boolean으로 알려준다
26numbers.includes(4)
27
28// 배열의 순서를 뒤집는다
29numbers.reverse()
30
31// for loop 에서의 사용
32for(num in numbers){
33	// in을 사용하면 인덱스를 출력한다
34	console.log(num)
35}
36
37for(num of numbers){
38	// of를 사용하면 그 안에 있는 값들을 출력한다
39	console.log(num)
40}

숫자형 메소드 및 Math객체:

1let num = 123.456;
2// toFixed는 소수점 자릿수 만큼 출력하기 때문에 '123.45' 가 출력된다
3// 주의! 이때 string으로 표기 된다
4console.log(num.toFixed(2))
5
6// 절댓값 absoulte 둘다 10으로 표기된다
7console.log(Math.abs(-10));
8console.log(Math.abs(10));
9
10// 파라미터에서 가장 큰수 작은수를 리턴한다
11console.log(Math.max(1,2,3,4,5)); // 5
12
13console.log(Math.min(-1,3,5,6)); // -1
14
15// 반올림 된 값을 리턴한다
16console.log(Math.round(2.3)); // 2
17console.log(Math.round(2.5)); // 3
18console.log(Math.round(2.6)); // 3
19
20// floor은 내린값, ceil은 올림 값을 리턴한다
21console.log(Math.floor(2.4)); // 2
22console.log(Math.floor(2.8)); // 2
23
24console.log(Math.ceil(2.4)); // 3
25console.log(Math.ceil(2.8)); // 3
26
27// 0~1 사이의 값을 랜덤으로 리턴한다
28console.log(Math.random());

문자열

1let myString = ' Hello World ';
2// slice는 캐릭터 사이의 string만 리턴한다 (공백포함)
3console.log(myString.slice(0,2)); // ' He'
4
5// charAt은 그 캐릭터 위치에 있는 값을 리턴한다
6console.log(myString.charAt(3)); // 'e'
7
8// 배열과 똑같이 index 활용
9console.log(myString[2]); // e
10console.log(myString.indexOf(H)); // 1
11
12// trim 공백 제거
13console.log(myString.trim()); // Hello World 양쪽 공백 제거

기본형과 참조형

1// 기본형은 값을 바꿔도 변하지 않는다
2let x = 3;
3let y = x;
4x = 4;
5console.log(y); // 3
6
7// 참조형은 객체나 배열의 주소를 복사하므로 변환한다
8let fruit = {
9	apple: 3
10}
11
12let newFruit = fruit
13fruit.banana = 5;
14// 이렇게 다른 변수의 값을 바꿔도 참조형이므로 동일하게 변경된다
15console.log(newFruit.banana) // 5
16
17// 배열도 마찬가지다
18let numbers = [1,2,3];
19let newNumbers = numbers;
20numbers.push(4);
21// 이때도 4가 추가되서 출력된다
22console.log(newNumbers);