반응형
변수 선언하기
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)
}
}
반응형
'프론트엔드 > javascript' 카테고리의 다른 글
[javascript] IndexedDB 브라우저 스토리지 (0) | 2022.09.27 |
---|---|
[javascript] 파일 리더기, FileReader( ) 및 callback (0) | 2022.09.27 |
[javascript] 이벤트(Event) (1) | 2022.09.20 |
[javascript] 노드(Node)와 노드 트리 (0) | 2022.09.20 |
[javascript] DOM과 이벤트 (0) | 2022.09.20 |