화면에 문자 출력
document.write("내용"); 메소드를 이용한다.
<script>document.write("내용")</script>이 때, 전달하는 문자열에 큰 따옴표 작은 따옴표 모두 사용 가능
html에서 js 파일 출력
myScript.js, index.html 파일이 있을 때,
index.html
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>JavaScript 사용 방법</title>
</head>
<body>
<h1>JavaScript 사용 방법</h1>
<script src='myScript.js'></script>
</body>
</html>myScript.js
document.write('테스트')결과
- document.write(); : 웽브라우저에 출력
- console.log(); : 콘솔창에 출력
세미콜론
줄 바꿈 or 세미콜론 둘 중 하나를 사용하여 각 명령을 구분해준다. 세미콜론 없이 두 줄의 명령어를 한 줄에 작성하는 경우 정상적으로 작동하지 않는다.
<script>document.write("내용")document.wrtie("내용")</script> //오류<script>document.write("내용")
document.wrtie("내용")</script> //정상 출력<script>document.write("내용");
document.wrtie("내용");</script> //정상 출력<script>document.write("내용");document.wrtie("내용")</script> //정상 출력주석
- 주석
// - 블록 주석
/*내용*/
변수
var 키워드를 사용해 변수 생성
<body>
<script>
var 변수명 = 값;
var name = 'jun'
var age = 20
var phi = 3.14
</script>
</body>ES6문법 : var 대신 let, const 키워드로 변수 선언 가능
자료형
- 문자열 : string
- 숫자 : int/float
- 부울 : true/false
데이터의 자료형 알고 싶으면 typeof를 변수 앞에 붙임
document.write(name);
document.write(typeof name);숫자 관련 함수
- Math.random() : 0이상 1미만의 실수 반환
- parseInt(num) : 전달된 값을 정수형으로 변환
문자열 관련 함수
- .substring(숫자1이상, 숫자1미만) : 문자열에서 부분 추출하여 반환
- .length : 문자열의 길이 반환
배열
var a = [] //빈 배열 생성
var array = [1, 2, 3, 4, 5] //배열 생성과 동시에 초기화인덱스는 0번부터 시작
array[0]과 같이 사용하여 접근 가능
배열 관련 함수
-
.push() : 마지막에 삽입
array.push()
빈 배열 var a = [] 생성하여 push 삽입 가능(크기 지정 X) -
document.write()에 배열 전체 전달 가능
-
.indexOf(값)
특정 값의 인덱스 반환, 값이 배열에 없으면 -1 -
.length
배열의 길이 반환 -
.sort()
배열의 값 정렬. 사전 순 정렬이므로 1, 11, 2, 22, 3, 33과 같이 정렬됨 -
.sort((a, b) => a - b))
숫자 오름차순으로 배열 값 정렬 -
.sort((a, b) => b - a))
숫자 내림차순으로 배열 값 정렬
반복문 (for, while)
- for : 특정 횟수만큼 반복
for(초기화; 반복조건; 증감){
반복 코드
}- while : 특정 조건을 기준으로 반복
while(조건){
반복 코드
}조건문 (if)
if(조건){
실행 코드
}
파인애플 좋아하세요?