[포스코x코딩온] 웹 풀스택 과정 7기 1주차 금요일 회고
포스코 코딩온 웹 풀스택 과정 7기 1주차 금요일 회고
반복문
이번 시간에는 JS의 반복문에 대해 다뤄 보았다.
for문
for (let i = 0; i < 10; i++) {
console.log(i);
}
while문
let i = 0;
while (i < 10) {
console.log(i);
i++;
}
do while문
let i = 0;
do {
console.log(i);
i++;
} while (i < 10);
do while문은 while문과 다르게 조건이 맞지 않아도 최소 한번은 실행된다.
for of문
const arr = [1, 2, 3, 4, 5];
for (let i of arr) {
console.log(i); // 1, 2, 3, 4, 5
}
for in문
const arr = { a: 1, b: 2, c: 3, d: 4, e: 5 };
for (let i in arr) {
console.log(i); // a, b, c, d, e
}
오브젝트의 키값을 가져올 때 사용한다.
참고로 배열을 넣으면 배열의 인덱스를 가져오는데 숫자형이 아닌 문자형으로 가져온다.
이게 언어냐
break문
for (let i = 0; i < 10; i++) {
if (i === 5) {
break;
}
console.log(i); // 0, 1, 2, 3, 4
}
객체형
객체
let cat = {
name: "나비",
age: 1,
mew: () => "야옹",
};
console.log(cat.age); // 1
console.log(cat.mew()); // 야옹
console.log(cat.gender); // undefined
cat["gender"] = "boy";
console.log(cat.gender); // boy
배열
let arr = [1, true, null, undefined, [1, 2, 3], { name: "나비" }];
console.log(arr); // [1, true, null, undefined, [1, 2, 3], { name: "나비" }]
console.log(arr[0]); // 1
console.log(arr.length); // 6
arr.push("ㅂㅇ"); // 배열의 끝에 추가
console.log(arr); // [1, true, null, undefined, [1, 2, 3], { name: "나비" }, "ㅂㅇ"]
console.log(arr.pop()); // "ㅂㅇ"
console.log(arr.length); // 6
arr.unshift("ㅎㅇ"); // 배열의 앞에 추가
console.log(arr); // ["ㅎㅇ", 1, true, null, undefined, [1, 2, 3], { name: "나비" }]
console.log(arr.shift()); // "ㅎㅇ"
console.log(arr); // [1, true, null, undefined, [1, 2, 3], { name: "나비" }]
arr[5] = 5;
console.log(arr); // [1, true, null, undefined, [1, 2, 3], 5]
arr[10] = 10; // 중간에 빈 공간이 생긴다.
console.log(arr); // [1, true, null, undefined, [1, 2, 3], 5, undefined × 4, 10]
const const_arr = [1, 2, 3];
console.log(const_arr);
const_arr[0] = 10;
console.log(const_arr);
// const 로 선언한 배열은 배열의 값을 변경할 수 있다.
// 변경할 수 없는 것은 배열의 주소값이다.
Date
const now = new Date();
document.write(now.getFullYear());
document.write(now.getMonth() + 1); // month는 0부터 시작
document.write(now.getDate()); // 날짜
document.write(now.getDay()); // 요일
document.write(now.getHours());
document.write(now.getMinutes());
document.write(now.getSeconds());
document.write(now.toLocaleString());
Math
document.writeln(Math.PI, Math.E);
document.writeln(Math.min(1, 2, 3, 4, 5)); // 최소값 1
document.writeln(Math.max(1, 2, 3, 4, 5)); // 최대값 5
document.writeln(Math.random()); // 0 ~ 1 사이의 랜덤한 숫자
document.writeln(Math.floor(Math.random() * 10)); // 내림
document.writeln(Math.ceil(Math.random() * 10)); // 올림
document.writeln(Math.round(Math.random() * 10)); // 반올림