008_JavaScript 기초 (7/7)

@pinterest

드디어 자바스크립트다!

어제까지 간단하게 HTML과 CSS를 훑어보는(?) 시간을 가졌다면, 드디어 오늘부터 금요일까지는 JavaScript에 대해 배운다! 그래도 오늘 강의는 자바스크립트 기초 문법과 관련된 부분이라 조금은 자신감을 갖고 강의를 들었는데, 역시나 모르는 부분들이 있었다..! 이래서 늘 자만하지 말라고 하는걸까 🤑  아무튼 오늘도 배운 내용 잊지 않기 위해 TIL에 열심히 정리해봐야겠다 ! ✍🏻

---

Method

• hello.push('안녕');   //  hello 뒤에 데이터 삽입
• hello.unshift('안녕');   //  hello 앞에 데이터 삽입
• hello.pop();   //  hello 뒤에 데이터 제거
• hello.shift();   //  hello 앞에 데이터 제거
• hello.charAt(n);  // hello의 n번째 문자 추출

 

Math Method

• Math.random(); 

0부터 1 사이에 있는 임의의 숫자를 출력한다. 즉 소수가 출력된다는 것인데, 정수 값이 나오게 하려면 다음 주사위의 예시와 같이 사용하면 된다.

let dice = Math.floor(Math.random() * 6) + 1;
document.write(dice);

 

== 과 ===

• == : 동등 연산자. 피연산자가 서로 다른 타입이면 타입을 강제로 변환하여 비교한다. 그래서 아래와 같은 예시가 true로 나올 수 있다.

console.log(10 == '10');           //true

• === : 일치 연산자. 타입까지도 비교한다. 동등 연산자보다 좀 더 정확히 비교한다.

console.log(10 === '10');           //false

 

증감 연산자

let num = 10;

console.log(++num);    // num+1 후 num 출력    11
console.log(--num);    // num-1 후 num 출력    9

console.log(num++);    // num 출력 후 num+1    10    num = 11
console.log(num--);    // num 출력 후 num-1    10    num = 9

 

for문

• for문의 기본 형태는 다음과 같다.
• for (초기화한 변수값 ; 조건 ; 증감 표시 ) { 수행할 명령 }

for (let i = 0; i < 10; i++) {
	console.log(i);
}

// 0 1 2 3 4 5 6 7 8 9