[자바스크립트] 배열/함수 예제

맹뿌·2021년 6월 10일

문제 1.

var fruitArray = ["banana", "orange", "apple"];
위 배열에서 banana를 찾아서 빼버리는 코드를 만들어 봅시다

이 코드는 fruitArray의 데이터들("banana", "orange", "apple")의 순서가 달라져도 잘 작동해야 합니다.

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
	<script type="text/javascript">
		var fruitArray = ["banana", "orange", "apple"];

		for(var i = 0; i < fruitArray.length; i++) {
			if(fruitArray[i] === "banana") {
				fruitArray.splice(i, 1);
			}
		}

		document.write(fruitArray);
	</script>
</body>
</html>

문제 2.

var fruitArray1 = ["apple", "orange", "banana"];
var fruitArray2 = ["pear", "melon", "peach", "cherry"];

위 두 배열에서 각각 마지막 2개의 데이터를 잘라내고 잘라낸 두 배열을 합쳐 새로운 변수 fruitArray3에 대입하는 코드를 만들어 봅시다.

이 코드는 fruitArray1, fruitArray2의 데이터가 바뀌더라도 잘 작동해야 합니다.
(fruitArray1, fruitArray2는 항상 2가지 이상의 문자열 데이터를 가지고 있는 배열입니다.)

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
	<script type="text/javascript">
		function remove(arr) {
			for(var i = 0; i < 2; i++) {
				arr.pop();
			}
		}

		var fruitArray1 = ["apple", "orange", "banana"];
		var fruitArray2 = ["pear", "melon", "peach", "cherry"];

		remove(fruitArray1);
		remove(fruitArray2);

		var fruitArray3 = fruitArray1.concat(fruitArray2); // 서로 다른 배열 병합 방법

		document.write(fruitArray3);


	</script>
</body>
</html>

문제 3.

배열과 Math.random함수를 사용하여 "가위", "바위", "보" 중 하나의 값을 return하는 getRockScissorPapperValue 함수를 만들어 봅시다.

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
	<script type="text/javascript">
		var array = ["가위", "바위","보"];

		function getRockScissorPapperValue() {
			var i = Math.floor(3 * Math.random());
			alert(array[i]);
		}

		getRockScissorPapperValue();
	</script>
</body>
</html>

문제 4.

18강에서 goodMorningAllArray 함수와 마찬가지로 출석부의 이름들에게 인사를 하는 함수를 만들어 봅시다. 단, 이번에는 출석부의 마지막 이름을 먼저 인사하고, 출석부의 첫번째 이름을 제일 마지막으로 인사합니다.

출석부의 이름은 다음과 같습니다.

var studentNames = ["쟈니", "태일", "쇼타로", "정우", "런쥔", "마크", "유타", "윈윈", "재현", "지성"];

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
	<script type="text/javascript">
		var studentNames = ["쟈니", "태일", "쇼타로", "정우", "런쥔", "마크", "유타", "윈윈", "재현", "지성"];

		function goodMorningAllArray(arr) {
			for(var i = arr.length-1; i >= 0; i--) {
				document.write("Hello! "+arr[i]+"<br>");
			}
		}

		goodMorningAllArray(studentNames);

	</script>
</body>
</html>

🎁 문제 출처

맹뿌

무엇이든 할 수 있고, 무엇이든 될 수 있는

이전 포스트

생활코딩 JavaScript.

다음 포스트