[front-end]/javascript

자바스크립트 함수

broship 2021. 1. 13. 00:24

함수 1,2,3 형식

1형식: 매개변수 X return X

2형식: 매개변수 O return X

3형식: 매개변수 O return O

<script>
function test1() {
	document.write("함수호출문 1형식 <br>");
}
function test2(name) {
	document.write("함수호출문 2형식, 이름: " + name + "<br>");
}
function test3(name) {
	return name + "님과 이길동";
}
</script>
</head>
<body>
<script>
	test1(); //함수호출문 1형식
	test2("홍길동"); //함수호출문 2형식
	var name = test3("일길동"); //함수호출문 3형식
	document.write(name+"님이 입장하셨습니다.");
</script>
</body>

 

for 반복문

// 1. for문
for (let i = 0; i < array.length; i++) {
		
}

// 2. for in 문 (iterator 형식)
for (const iterable_element in iterable) {
		
}
// iterable_element는 배열일 경우 인덱스(숫자), 객체일 경우 key 값
// ex)
const myCar = {
	color:"red",
	door:4,
	price:30000
};
for (const tmp in myCar) {
	document.write(`${tmp} : ${myCar[tmp]}<br>`);
}

- for 문에서의 i 는 유동적이므로 let, var 사용, const 사용 불가

- for in 문에서는 const 사용 가능

 

 

랜덤 숫자 얻기

// Math.floor(Math.random()*`랜덤숫자범위`)+`랜덤숫자시작점`;
let num = Math.floor(Math.random()*45)+1;
//Math.floor: 소문자 버림

 

 

'[front-end] > javascript' 카테고리의 다른 글

DOM으로 html에 접근 후 변경하는 방법  (0) 2021.01.27
주의할점  (0) 2021.01.27
DOM으로 html 태그에 접근하기 getElementById, querySelector  (0) 2021.01.27
자바스크립트 배열  (0) 2021.01.13
Javascript  (0) 2021.01.11