Javascript - 형변환, 연산자, 배열

형변환

문자열 -> 숫자의 형변환

1. Number(문자열) : "정수" OR "실수" -> 정수 ('123' -> 123) OR 실수 ('12.3' -> 12.3)

2. parseInt(문자열) : "정수" OR "실수" -> 정수 ('123' -> 123) OR 실수 ('12.3' -> 12) *소수점 버림 (소수점이 필요없는 특수한 상황에서 사용)

3. parseFloat(문자열) : "정수" OR "실수" -> 정수 ('123' -> 123) OR 실수 ('12.3' -> 12.3)

동등비교 / 동일비교 연산자

1. 동등 비교 연산자( == , != )

-> 값이 같으면 true (자료형과 관계가 없다)

2. 동일 비교 연산자 ( ===, !== )

-> 값과 자료형이 모두 같아야 true

문자열 내장 함수

1. string.indexOf('찾을 문자열')

찾을 문자열의 시작 인덱스를 반환, 없으면 -1 반환

2. string.lastIndexOf('찾을 문자열;)

뒤에서부터 검색해 찾을 문자열의 인덱스 반환, 없으면 -1 반환

3. string.substring(시작인덱스)

시작인덱스부터 문자열 끝까지 잘라서 반환

4. string.substring(시작인덱스, 끝인덱스)

문자열 시작 인덱스부터 끝인덱스 앞까지를 잘라서 반환

5. string.split("구분자")

문자열을 구분자를 기준으로 잘라서 배열로 반환

cf) string.split("")

문자열을 한글자씩 모두 나누어 배열로 반환

숫자 관련 내장 함수

1. Math.random()

0이상 1미만의 임의의 난수를 반환

2. 소수점 처리 함수

1) Math.ceil(값) : 올림
2) Math.floor(값) : 내림
3) Math.trunc(값) : 절삭(버림)
4) Math.round(값) : 반올림
5) Math.toFixed(자리수) : 자리수까지 반올림해서 표현

3. isNaN(값)

값이 숫자이면 true, 숫자가 아니면 false를 반환

배열

변수를 묶음으로 다루는 것이다. JS배열은 자료형 제한, 길이 제한이 없다
-> JAVA의 Collection List와 유사

JS 배열 선언 방법

1) const arr1 = new Array(); // 0칸짜리 배열 생성

2) const arr2 = new Array(3); // 3칸짜리 배열 생성

3) const arr3 = []; // 0칸짜리 배열 생성

4) const arr4 = ['가', '나'. '디']; // 3칸짜리 배열 생성

JS배열의 특이사항

1. 배열에 존재하지 않는 인덱스에 값을 대입하면 자동으로 추가되면서 길이가 증가한다.

2. 중간인덱스를 건너뛰고 값을 추가하면 배열의 길이가 그만큼 증가하고 그 사이에 빈 값은 empty로 남는다 .

for문을 통해 배열에 접근

1. 일반 for문

	let arr = ['가', '나', '다'];

	for(let i = 0; i<arr.length; i++){
    	console.log(arr[i]);
    }

결과값

가
나
다

2. 배열.forEach(function(item, index){반복 수행할 코드})

여러 요소를 얻어온 (HTMLCollection과 NodeList)경우 배열이 아니므로 사용 불가

	let arr = ['가', '나', '다'];

	arr.forEach(function(a, i){
    	console.log(i + "번째 요소 = " + a);
    
    })

결과값

0번째 요소 = 가
1번째 요소 = 나
2번째 요소 = 다

3. for of문 -> for(item of 배열){}

Java의 향상된 for문과 유사한 기능을 하는 for문

	let arr = ['가', '나', '다'];

    for(let item of arr){
        console.log(item);
    }

결과값

가
나
다

4. for in문 -> JS객체의 경우 key를 순회하는 문법