정리노트

[JAVASCRIPT/자바스크립트] 배열의 첨자운영 본문

프로그래밍/Javascript

[JAVASCRIPT/자바스크립트] 배열의 첨자운영

Rolen 2022. 11. 18. 23:43 
=== for 문법 ===

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript For Loop</h2>

<p id="demo"></p>
<p id="demo1"></p>

<script>
const num = [1, 2, 3, 4, 5, 6, 7, 8, 9];
/* const 로 선언하면 배열의 값(상수)을 변경할 수 없다.   */
/* var const num = [1, 2, 3, 4, 5, 6, 7, 8, 9];      */
/* var로 선언하면 프로세스 중간에 배열의 값 변경이 가능하다. 배열이든 일반 변수이든 모두!  */


let sum = 0;
let text = "";

for (let i = 0; i < num.length; i++) {
    if ((num[i] % 2) == 0) {
    	text += num[i] + "<br>";
        sum += num[i];
    }
}
document.getElementById("demo").innerHTML = text;
document.getElementById("demo1").innerHTML = sum;
</script>

</body>
</html>

////////////////////////////////////////////////////////////////////////

=== for in 문법 ===

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript For Loop</h2>

<p id="demo"></p>
<p id="demo1"></p>

<script>
const num = [1, 2, 3, 4, 5, 6, 7, 8, 9];
/* const 로 선언하면 배열의 값(상수)을 변경할 수 없다.	*/
/* var const num = [1, 2, 3, 4, 5, 6, 7, 8, 9];		*/
/* var로 선언하면 프로세스 중간에 배열의 값 변경이 가능하다. 배열이든 일반 변수이든 모두!	*/


let sum = 0;
let text = "";

for (let x in num)	// for in => 배열의 첨자(index)를 선언한 변수에 적용한다. length, 증감. 불필요.
{
    if ((num[x] % 2) == 0) {
	text += num[x] + "<br>";
	sum += num[x];
    }
}
document.getElementById("demo").innerHTML = text;
document.getElementById("demo1").innerHTML = sum;
</script>

</body>
</html>

////////////////////////////////////////////////////////////////////////

=== for of 문법 ===

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript For Loop</h2>

<p id="demo"></p>
<p id="demo1"></p>

<script>
const num = [1, 2, 3, 4, 5, 6, 7, 8, 9];
/* const 로 선언하면 배열의 값(상수)을 변경할 수 없다.	*/
/* var const num = [1, 2, 3, 4, 5, 6, 7, 8, 9];		  */
/* var로 선언하면 프로세스 중간에 배열의 값 변경이 가능하다. 배열이든 일반 변수이든 모두! */


let sum = 0;
let text = "";

for (let x of num)	// for of => 값(value) 자체를 선언한 변수에 적용한다.
{
    if ((x % 2) == 0) {
	text += x + "<br>";
	sum += x;
    }
}
document.getElementById("demo").innerHTML = text;
document.getElementById("demo1").innerHTML = sum;
</script>

</body>
</html>
728x90

'프로그래밍 > Javascript' 카테고리의 다른 글

[JAVASCRIPT/자바스크립트] Number()함수  (0) 2022.11.19
[JAVASCRIPT/자바스크립트] 배열, for_loop  (0) 2022.11.18
[JAVASCRIPT/자바스크립트] 명시적 함수  (0) 2022.11.18
[JAVASCRIPT/자바스크립트] 객체자료형, 메소드 Array 객체  (0) 2022.11.02
[JAVASCRIPT/자바스크립트] var, let, const 차이  (0) 2022.09.25
'프로그래밍/Javascript' Related Articles more