20210914 js - push, 실습예제

배열 push 메서드

	<script type="text/javascript">
		var arr1 = [];
		//멤버 호출 연산자로 메서드 혹은 속성에 접근할 수 있다.
		console.log(arr1);
		
		arr1.push('홍길동');
		arr1.push('이순신');
		
		console.log(arr1);
	</script>

 

---

1. 배열실습

실습. arrN의 배열 원소 중 20이상의 숫자만 newArr배열에 담도록 하여라.
반복문 사용.

	<script type="text/javascript">

		var arrN = [13,25,30,12,11,60,70];
		var newArr = [];
		for(var i = 0; i<arrN.length; i++){
			if(arrN[i]>20){
				newArr.push(arrN[i]);
			}
	}
    console.log(newArr);
		
	
	</script>

-결과 : [25,30,60,70]

 

2. 실습. 배열에 담긴 숫자의 총 합을 구하여 합산 결괏값을 출력하여라.
반복문 사용.

	<script type="text/javascript">
		var arr1 = [10,20,30,40,50];
		var sum = 0;
		for(var i = 0; i<arr1.length; i++){
			sum+=arr1[i];
		}
		console.log(sum);
		
	
	</script>

- 결과 : 150

 

3. 실습. 배열에 담긴 숫자의 총 합을 구하여 합산 결괏값의 평균을 출력하여라.

	<script type="text/javascript">
		var arr2 = [76,85,91,65,60,77,84];
		var sum = 0;
		for(var i = 0; i<arr2.length; i++){
			sum+=arr2[i];
		}
		console.log(sum/arr2.length);
		
	</script>

 - 결과 : 76.85...

 

4. 실습. studentArray 에 배열 객체를 생성하고, 아래의 학생의 목록을 담도록 하여라.
push메서드 활용.
'홍길동','이순신','고길동'

	<script type="text/javascript">
	var studentArray = [];
	
	studentArray.push('홍길동');
	studentArray.push('이순신');
	studentArray.push('고길동');
	
	console.log(studentArray);
	
	</script>

- 결과 : ['홍길동', '이순신', '고길동']

 

---

이차원 배열

- 배열 안에 배열

<script type="text/javascript">
	//배열안에 배열
		var arr2 = [
			[1,2],
			[3,4],
		];
	//2번째 원소 -> 배열반환
		console.log(arr2[1]);
		console.log(arr2[1].length);
	// b에 [3,4] 배열을 대입
		var b = arr2[1];
		console.log(b[1], arr2[1][1]);
	
	</script>

arr[1] 은 [3,4] 이다.

arr[1].length 는 2.

arr[1][1] 은 [3,4]의 1번째인 4가 출력.

 

---

이차원 배열 실습

1. 실습. 아래의 2차원 배열에서 100이란 값에 접근하여 출력하여라.

<script type="text/javascript">
		var arr01=[
			[10,20,30,40],
			[50,70,11,80,100],
			[5,1,7,101]
		];
		console.log(arr01[1][4]);
		
		
	</script>

arr01[1] = [50,70,11,80,100]

 

 

2. 실습. 내부 배열의 각 1번째 인덱스를 찾아 문자열 결합하여 출력하여라. (이순신익산)

	<script type="text/javascript">
		var arr02 = [
			['홍길동','이순신','고길동'],
			['전주','익산','군산'],
		];
		console.log(arr02[0][1]+arr02[1][1]);
	</script>

3. 실습. 2차원 배열 내부배열 각각의 합산값을 구하여라.

	<script type="text/javascript">
		var sum = 0;
		var arr03 = [
			[1,2,3,4,5],
			[6,7,8,9,10],
			[11,12,13,14,15,16]
		];
		for(var i=0; i<arr03.length; i++){
			//console.log(arr03[i]);
			var sum=0;
			for(var j=0; j< arr03[i].length; j++){
				sum +=arr03[i][j];
			}
			console.log(sum);
		}

	</script>

arr03[i]을 반복 -> arr03[i][j] 합산.

arr03[0] ---> arr03[0][0]~[4] 반복

arr03[1] ---> arr03[1][0]~[4] 반복

 

 

4. 실습. 2차원 배열을 표로 구성하도록 하여라.

	<script type="text/javascript">
		
		var arr04 = [
			['java','html','css'],
			[70,80,90],
			[60,55,66],
		];
	
		var strHtml = '';
		strHtml += '<table border="1">'
		for(var i=0; i<arr04.length; i++){
			strHtml += '<tr>';
			for(var j=0; j<arr04.length; j++){
				strHtml +='<td>'+arr04[i][j]+'</td>';
			}
			strHtml +='</tr>';
		}
		strHtml +='</table>';
		document.write(strHtml);

결과 : 

java	html	css
70	80	90
60	55	66

 

5. 실습. 아래의 배열의 데이터를 4열을 갖춘 표로 구성하여 화면에 출력하여라.
나머지 연산자 활용.

	<script type="text/javascript">
		var arr05 = [1,2,3,4,5,6,7,8,9,10,11,12];
		var strHtml = '';
		strHtml += '<table border="1">'
		strHtml += '<tr>';
		for(var i = 0; i < arr05.length; i++){
			if(i !=0 && i %4==0){
				strHtml += '</tr><tr>';
			}
			strHtml += '<td>' + arr05[i] + '</td>';
		}
		strHtml += '</tr>';
		strHtml += '</table>';
		document.write(strHtml);
		
	</script>

결과 : 

1	2	3	4
5	6	7	8
9	10	11	12

 

 

6. 실습. 아래의 배열에서 문자열만 찾아 콘솔에 출력하여라.

	<script type="text/javascript">
	var arr06 = [1, '홍길동', '국어', 10, 1000, '한국'];
	for(var i=0; i<arr06.length; i++){
		if(typeof arr06[i]=='string'){
			console.log(arr06[i]);
		}
	}	
	</script>

 

 

7. 실습. 아래는 학생의 점수가 담긴 배열이다. 
점수가 60점 이상인 학생의 수를 출력하여라.

 

	<script type="text/javascript">
		var arr07 = [45,50,75,63,45,80,99];
		var count= 0;
		for(var i=0; i < arr07.length; i++){
			if(arr07[i]>=60){
				count++;
			}
		}
		console.log(count);
	</script>

 

8. 실습. 아래의 모형형태로 콘솔에 차례대로 출력하여라.
*
**
***
****
*****
****
***
**

*

	<script type="text/javascript">
	var arr08 = [];
	var str = '';
	for(var i=0; i<5; i++){
		str +='*';
		arr08.push(str);
		console.log(str);
		//arr08[i] = str;
	}
	for(var i=arr08.length-2; i>-1; i--){
		//console.log(i);
		console.log(arr08[i]);
	}
	//console.log(arr08);
	</script>

 

9. 실습. 학생의 점수가 60점이 넘은 학생명을 출력시켜라.

	<script type="text/javascript">
	var arr09 = [
		['홍길동', 59],
		['이순신', 45],
		['마이콜', 77],
		['유관순', 86],
		['루피', 39],
	];
	for(var i=0; i<arr09.length; i++){
		if(arr09[i][1]>60){
			console.log(arr09[i][0]);
		}
	}
	
	</script>

 

10. 실습. 아래의 배열에서 중복되는 값 없이 새로운 배열에 담도록 하여라.

	<script type="text/javascript">
	 var arr10 = [15,30,55,15,55,75,98,100];
	 var newArray= [];
	 for(var i=0; i<arr10.length; i++){
		// console.log(arr10[i]);
		if(newArray.length == 0){
		newArray.push(arr10[i]);
		}else{
			var count = 0;
			for(var j=0; j<newArray.length; j++){
				if(newArray[j]==arr10[i]){
					count++;
				}
			}
			if(count == 0){
				newArray.push(arr10[i]);
			
			}
		}
	
	 }
	 console.log(newArray);

	</script>

 

11. 실습. 아래의 배열에 담긴 값 중 최댓값과 최솟값을 구하여 출력하여라.

	<script type="text/javascript">
		var arr11 = [35,40,66,11,85,99,45,26];
		var min = 0;
		var max = 0;
		for(var i=0; i<arr11.length; i++){
			if(i == 0){
				min = arr11[i];
			}else{
				if(min>arr11[i]){
					min = arr11[i];
				}
			}
				
			if(max<arr11[i]){
				max = arr11[i];
			}
		}

		console.log(min,max);
	</script>