[코딩 공부_89] for in 반복문, 배열(Array)

1. for in 반복문 : 객체 안의 property를 제어할때 사용한다, 소스 코드를 입력한 배열 혹은 객체의 속성에 맞게 반복하여 실행하는 역할을 한다

 <script>
 var paymentHistory = {
 one: 1,
 two: 2,
 three: 3,
 four: 4,
 five: 5,
 six: 6,
 }
 var total = 0;
 for( var key in paymentHistory){
 total += paymentHistory[key];
 }
 console.log(total);
</script>

 

2. 배열(array): 순서가 있는 여러 값(data)의 묶음

    <script>
        // 배열 생성(obj)
        var classMember = {
            1: "예빈이1",
            2: "예빈이2",
            3: "예빈이3",
            4: "예빈이4"
        }
        console.log(classMember);
        console.log(typeof classMember);
        
        var memberArr = ["예빈이1", "예빈이2", "예빈이3", "예빈이4"];
        console.log(memberArr);
        console.log(typeof memberArr);
        /* 
            array에는 index가 항상 존재한다
            index 시작값은 0이다
        */
       var num = 3;
       console.log(memberArr[num-1]);
        </script>

- 순서가 있는 데이터들 or 순서가 없는 데이터들도 가능

- 배열은 [] 대괄호로 나타낸다 (객체는 {})

** 배열도 object다

 

 

3. length : 문자열의 길이를 반환하는 속성이다

- 예를 들어 'abcd'.length 인 경우 4(문자열의 길이)를 반환하게 된다.

<script>
	document.write( '<p>"1234".length : ' + '1234'.length + '</p>' );
	document.write( '<p>"".length : ' + ''.length + '</p>' );
	document.write( '<p>"한글".length : ' + '한글'.length + '</p>' );
</script>

 

4. forEach 반복문 : 배열의 요소들을 반복하여 작업을 수행할 수 있다 (array에서만 사용가능하다.)

- forEach구문의 인자로 callback 함수를 등혹할 수 있고, 배열의 각 요소들이 반복될 때 이 callback 함수가 호출된다. callback함수에서 배열요소의 인덱스와 값에 접근할 수 있다

<script>
var arr = ['가','나','다','라']; 
arr.forEach(function(item,index,arr2){ 
	console.log(item,index,arr2[index+1]); 
    }) 
//첫번쨰 인수는 배열의 각각의 item 
//두번쨰 인수는 배열의 index 
//세번째 인수는 배열 그자체

</script>