Java/JSP
Javascript 복습 - 1
성엽이
2019. 6. 21. 11:28
Javascript 복습
console.log("hi");
document.write("<h1>hihi</h1>");
console.log("콘솔로그");
console.error("콘솔에러");
console.warn("콘솔워닝");
{
let name1 = "kim";
var name2 = "jang";
}
// let : block-scope
console.log(name2);
console.log(name1);
for (var j = 0; j < 10; j++) {
console.log("j : ", j);
}
console.log("루프뒤에 j: ", j);
// 문자열, 숫자, 불리언, Null, undefined;
const name = "KIM";
const age = 30;
const rating = 4.5;
const isCool = true;
const x = null;
const y = undefined;
let z;
console.log(typeof name); // string
console.log(typeof age); // number
console.log(typeof rating); // number
console.log(typeof isCool); // boolean
console.log(typeof x); // object
console.log(typeof y); // undefined
console.log(typeof z); // undefined
console.log("My name is " + name + " and I am " + age);
// 문자열 안에 변수를 넣을 수 있음( ESC 밑에 물결표시 )
console.log(`My name is ${name} and I am ${age}`);
const hello = `My name is ${name} and I am ${age}`;
// alert(hello);
// 결과는 같음
// 내부함수 실행코드
function outerFunction() {
var a = 10;
var b = 20;
function innerFunction() {
var a = 10;
var b = 30;
console.log("a: ", a);
console.log("b: ", b);
console.log("내부함수 실행완료");
}
return innerFunction;
}
outerFunction()();
// 문자열 관련 함수
const s = "Hello World!";
console.log(s.length);
console.log(s.toUpperCase());
console.log(s.toLowerCase());
console.log(s.substring(0, 5).toUpperCase());
// 문자열 나누기
const s = "Hello World!";
console.log(s.split(""));
console.log(s.split("", 12));
console.log(s.split(" "));
const b = "html, css, it , code , javascript";
console.log(b.split(", "));
const c =
"빛과 소리 제어하는 ‘꿈의 소재’ /" +
"물질 구조 바꿔 새 물성 부여 / " +
"상상속 ‘투명망토’ 등 실현 가능 / " +
"정보통신·에너지 기술혁신 견인19세기" +
"말 독일 물리학자 하인리히 루돌프 헤르츠는" +
"센티미터 간격으로";
console.log(c.split("/"));
const numbers = [1, 2, 3, 4, 5];
console.log(numbers.length);
const fruits = ["apple", "orange", "melon"];
console.log(fruits);
console.log(fruits[1]);
// 배열일때는 const 라 하더라도 값을 바꿀수 있다.
fruits[2] = "banana";
console.log(fruits[2]);
console.log(fruits);
// const 일때 배열안에 데이터가 하나도 없으면 안된다.
fruits = [];
console.log(typeof fruits);
fruits.pop();
console.log(fruits);
fruits.push("banana");
console.log(fruits);
console.log(fruits.indexOf("orange"));
// 삼항연산자, switch
const x = 5;
const color = x > 10 ? "red" : "blue";
// console.log(color);
switch (color) {
case "red":
console.log("color is red");
break;
case "blue":
console.log("color is red");
break;
default:
console.log("color is NOT red or blue");
break;
}