반응형

변수 선언하기

var 변수명;

var num
num = 1;

var str = "Hello World"
str = "Nice to meet you";

# 콘솔 창에 출력
console.log(num); # 1
console.log(str); # Hello World

# 웹 화면에 출력
document.write(num); # 1
document.write(str); # Hello World

 

 

 

데이터 타입 - 배열

배열은 인덱스+값으로 구성된다.

var coffee = ["Caffe Latte", "Cappuccino"]
document.write(coffee); # Caffe Latte, Cappuccino
document.write(coffee[0]); # Caffe Latte

coffee[0] = "Caffe macchiato" 
document.write(coffee); # Caffe macchiato, Cappuccino

 

 

데이터 타입 - 객체

key와 value 쌍으로 이루어진 데이터 타입.

let cat = { } 또는 let cat = new Object 로 선언 가능하다.

// 객체 선언
let cat = {
    name: '야옹이',
    age: 3,
    ownerName: '김철수'
};

// 항목 추가 가능
cat.isPet = true;
// 또는
cat['isPet'] = true;

 

 

 

 

 

프로퍼티와 메서드 

문자열 길이: length,

문자 추출: charAt(num),

문자 나누기: split('str')

var str1 = "Hi!Elice";

str1.length;  // 8
str1.charAt(1);  // i
str1.split("!");  // [Hi, Elice]

var elice = "Elice Coderland"
document.write(elice.length)
document.write(elice.charAt(6))
document.write(elice.split(" "))

절댓값: Math.abs(num) // 12

올림: Math.ceil(num) // 4

내림: Math.floor(num) // 5

랜덤수: Math.random(num) // 0과 1 사이의 임의의 숫자

document.write(Math.abs(-7))
document.write(Math.ceil(0.45))
document.write(Math.floor(8.98))
document.write(Math.random())

 

 

[실습] 소수 출력

// 매개변수 n이 소수라면 true를, 소수가 아니라면 false를 반환합니다.
function isPrime(n) {
  var divisor = 2;
  if (n == 1) return false;
  while (n > divisor) {
    if (n % divisor === 0) {
      return false;
    } else {
      divisor++;
    }
  }
  return true;
}

// 아래 부분은 채점을 위해 작성되었습니다. 수정하지 마세요.
for (var i = 11; i <= 20; i++) {
  document.writeln(i, isPrime(i));
}

 

 

[실습] 문자 거꾸로 출력

// reverse() 함수를 정의하세요.
function reverse(str) {
  var reverStr = ''
  for (i = str.length -1; i >= 0; i--) {
      reverStr += (str.charAt(i))
  }
  return reverStr
}


// 채점을 위한 코드입니다.
document.write(reverse("Nice to meet you"));

 

 

[실습] 구구단 출력

// 2단부터 9단까지 출력하는 반복문을 완성시켜 보세요.
for(var i = 2; i < 10; i++) {
    for (var j = 1; j < 10; j++){
        document.write(i+' x '+j +' = '+i*j)
    }
}

 

 

반응형

+ Recent posts