자바스크립트 기초 - 1

임지원·2023년 11월 2일

html에 직접 작성

<body>
//...

<script>
</script>
</body>

js파일에 작성

<script src='myScript.js'>
</script>

doucment.write()


자바스크립트는 굳이 세미콜론을 하지 않아도 된다. 줄로 인식한다. 하지만 한줄에 쓸 때는 세미콜론을 해줘야한다.

<script>
	document.write('1');
	document.write('1');
</script>

<script>
	document.write('1')
	document.write('1')
</script>

// 위 두 코드는 동일하다.

<script>
	document.write('1') document.write('1')
</script>

// 위 코드는 작동하지 않는다.

//주석쓰는법
/*
	블록 주석
*/

변수

var에 담을 수 있고 알아서 정수와 문자열 등 타입을 알아서 받아준다.

<script>
	var num = 1
	var name = '홍길동'

	document.write(num)
	document.write(name)

	document.write(typeof num)
	document.write(typeof name)
</script>

<script>
  //1 부터 100까지 랜덤 정수 값 뽑기
  	//random은 0부터 1미만의 실수 이기 때문에 100을 곱하고 1을 더하면 1부터 100까지의 실수
  	var num = Math.random() * 100 + 1

	//정수로 변환 해주기
  	var num1 = parseInt(num)
  	document.write(num1)
</script>

배열


var nums = [1,2,3,4,5,6];
nums.push(7); // 배열 맨 뒤에 값 추가

document.write(nums); // 1,2,3,4,5,6,7

반복문


for(var i = 0; i< 5; i++){
  	document.write(i)
}
//01234 출력

while(조건){
	반복할 코드
}

indexOf

var nums= [1,2,3,4,5]
document.write(nums.indexOf(1)) //1은 존재하기 때문에 1의 인덱스 0이 출력
document.write(nums.indexOf(6)) //6은 없기 때문에 -1 출력

조건문

// 조건이 참이면 {}안의 코드가 실행된다.
if(조건){
  수행
}

정렬

// .sort로 정렬
var nums = [1,2,3,33,22,11]
document.write(nums.sort()); // 1,11,2,22,3,33 앞자리 숫자순으로 정렬하기 때문

document.write(nums.sort((a,b)=>a-b)); // 익명함수로 숫자 크기 순으로 정렬

profile
백엔드 새싹

0개의 댓글