자바스크립트 들어가기2

심민기·2022년 4월 8일
0

자바스크립트

목록 보기
2/11
post-thumbnail

    반복문(loop, iterate)

    while(조건){} for(조건){} 반복문 중단 -- break 반복문 한번 건너뛰기 -- continue --한번 중지되고 넘어가지만 그 다음에는 정상적으로 반복.

    함수 (function): 하나의 로직을 재실행하게 해준다.

    function 함수명(인자)
    {
    코드
    return 반환값
    }
    함수 장점 : 재사용성, 유지보수

    return값을 여러번 적어도 맨처음 return값만 반환된다. 리턴된 순간 함수가 종료되기 때문이다.

    인자 (argument)

    익명함수: 이름 필요없이 바로 쓰고 싶을때
    (함수)();

    배열(array)

  • var member = ['a','b','c']
  • 배열에 추가 -- push (값을 꼬리에 집어넣는다.)
  • member.push('f'); --unshift(값을 머리, 맨처음에 집어넣는다)
  • member.unshift('z'); --splice(특정구간에 배치.)
  • member.splice(1,0,'z'); ---[a,z,b,c] (추가할 위치, 제거할 수, 추가될 값.)
  • 수가 0이어서 아무것도 삭제 안됬지만 양수이면 그 뒤의 숫자를 삭제한다.
  • member.splice(1,1,'z','k'); ---[a,z,k,c]
  • 배열의 제거
  • 첫 번째 원소 제거 -- shift
  • 끝 원소 제거 -- pop
  • 배열의 정렬
  • 기본 정렬 -- sort
  • 역순 정렬 -- reverse

    객체(object)

    -- 배열이 숫자 데이터를 썻다면 객체는 문자 데이터의 식별자가 된다.
  • var ice = {'초코':10 , '녹차':5 ,'바닐라':1 };
    초코는 key,10은 value가 된다.
  • 객체를 만드는 다른 방법.
  • 1.
    var ice = { };
    ice['초코'] = 10 ;
    ice['녹차'] = 5 ;
    ice['바닐라'] = 1 ;
  • 2. var ice = new Object();
    ice['초코'] = 10 ;
    ice['녹차'] = 5 ;
    ice['바닐라'] = 1 ;
  • 객체에서 값을 가져오기
  • ice['녹차']; --- 5
    ice.녹차 ---5
    ice['녹'+'차']; ---5
    ice.'녹'+'차' ---오류, 유효하지 않음
  • 객체와 반복문 사용 -- for in문 ```
    for(key in ice){
    document.write(key + ice[key]+ <br>);    
    }    ```

    ice객체가 가진 값중 key값(초코등)을 담아서 인자로 가져온다.

    var ice = {'초코':10, '녹차':5 ,'바닐라':1 };
    for(key in ice){ console.log(key); }

    var ice = {'초코':10, '녹차':5 ,'바닐라':1 };
    for(key in ice){ console.log(ice[key]); }

    객체라는 부품을 조립해서 소프트웨어라는 완제품을 만들자.

    grades변수가 가리키는 객체 안에는 list라는 키가 있고 이 키는 또 객체를 가진다.
    show라는 함수도 포함하며 이를 호출할 수 있다.

    이렇게 this를 함수에서 부르면 함수가 속한 객체grades를 가리킨다.

    this.list를 써서 객체의 키값에 접근한다. 출력값은...

    이렇게 나온다.

profile
왕초보

0개의 댓글

관련 채용 정보