Javascript 복습 - 1

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;

}

 

Colored by Color Scripter

cs