AI교육과정 - JavaScript.2

단비·2022년 11월 4일
0

AI교육과정

목록 보기
25/69
  • 자바스크립트 대화 상자
    • alert()
      • 사용자에게 메시지를 보여주고, 확인을 기다림
      • BOM(Browser Object Model)
    • confirm()
      • 사용자에게 메시지를 보여주고, 확인이나 취소를 누르면 그 결과를 boolean값으로 반환
    • prompt()
      • 사용자에게 메시지를 보여주고, 사용자가 입력한 문자열을 반환
      • 입력받은 값은 문자형(Str)으로 저장
  • 연산자(Operator)
    1. 산술 연산자

      +, -, *, /, %, **(제곱)

    2. 비교 연산자

      , <, >=, <=, ==, !=, ===(두 식이 값이 같고, 타입까지 같으면 참), !==(두 식의 값이 다르고, 타입까지 다르면 참)

      • ‘3’ * ‘3’ = 9 ‘3’ == 3 → true ‘3’ === 3 → false
    3. 대입 연산자

      =, +=, -=, *=, /=, %=, **=

    4. 증감 연산자

      ++변수, --변수, 변수++, 변수--

    5. 논리 연산자

      &&, ||, !

    6. 비트 연산자

      &, |, ^, <<, >>

    7. 삼항 연산자

      변수 = 조건식 ? 반환값1 : 반환값2

  • 제어문
    1. 조건문

      • if문
      if(조건식1){}
      else if(조건식2){}
      else{}
      • switch 문
      switch(변수){
      	case1: break;
      	default: 
      }
    2. 반복문

      • while문
      while(조건식){}
      ----
      do{}
      while(조건식);
      • for문
      for(초기값; 조건식; 증감값){}
      • continue문
        • 반복 중인 루트 내에서 사용하여 해당 루프의 나머지 부분을 건너뛰고 다음 조건식의 판단으로 넘어감
      • break문
        • switch문 또는 반복중인 루프 내에서 사용하여 해당 문장을 완전히 종료시키고 다음에 위치한 실행문으로 이동
  • 배열(Array)
    • 이름과 인덱스로 참조되는 정렬된 값의 집합(자료구조)
    • 배열을 구성하는 각각의 값을 배열 요소라고 하며, 배열에서의 위치를 가르키는 숫자를 인덱스라고 함
    • 배열 선언
      let 배열명;
    • 배열 초기화
      배열명 = [요소1, 요소2, 요소3];
    • 배열 객체로 생성
      let 배열명 = new Array(요소1, 요소2,..);

😑 자바스크립트 배열의 특징

  1. 배열 요소의 타입이 고정되어 있지 않음

    let arr = [1, 1.5, ‘김사과’, true]
  2. 배열 요소의 인덱스가 연속적이지 않아도 됨

    let arr;
    arr[0] = 1;
    arr[4] = 5; // index 1~3은 undefined
  • Array 객체의 메소드
    • push(): 배열의 요소를 추가
    • pop(): 배열의 마지막 주소에 있는 값을 제거
    • shift(): 배열의 첫번째 주소에 있는 값을 제거
    • concat(): 두 개의 배열을 합침
    • join(): 배열 요소 사이에 원하는 문자를 삽입
    • reverse(): 배열을 역순으로 재배치
    • sort(): 배열을 오름차순으로 정렬(문자열 정렬)
  • 배열을 이용한 반복
    • for in문 {in은 index로 생각}
      • 변수에 배열의 인덱스 또는 객체의 key가 저장

        for(변수 in 객체){ //객체: user={'userid':'apple,'name':'김사과'}
        	객체의 프러퍼티 개수만큼 반복할 실행문; //프터퍼티: key,value 한 쌍
        }
    • for of문 {in은 index로 생각}
      • 변수에 배열의 value 또는 객체의 value가 저장

        for(변수 of 객체){ //객체: user={'userid':'apple,'name':'김사과'}
        	객체의 프러퍼티 개수만큼 반복할 실행문; //프터퍼티: key,value 한 쌍
        }
    • forEach문
      • forEach문은 배열에서만 사용 가능

      • 변수1: 값(value)
        - ex) 100→ 200→ 300

        변수2: 번호(index)
        
        - ex) 0 → 1 → 2
        
        변수3: 배열객체
        
        - ex) [100,200,300] → [100,200,300]→ [100,200,300]
        배열명.forEach(function(변수1, 변수2, 변수3){ 
        	배열의 요소 개수만큼 반복할 실행문;
        })
  • 사용자 정의 함수(function)
    • 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록
    • 필요할 때마다 호출하여 해당 작업을 반복해서 수행할 수 있음(코드를 재활용)
    1. 함수 선언식

      function 함수명(매개변수1, 매개변수2 ..){
      	함수가 호출되었을 때 실행할 문장;
      	return;
      }
      함수명(1,2, ..);
    2. 함수 표현식

      ```jsx
      let 변수명 = function(매개변수1, 매개변수2, ..){
      	함수가 호출되었을때 실행할 문장;
      	return 값;
      }
      변수명(값1,값2, ..);
      ```

      🙄 나머지 매개변수

    • 생략 접두사(…)를 사용하여 특정 위치의 인수부터 마지막 인수까지 한 번에 지정할 수 있음

      function 함수명(매개변수1, ...매개변수2){
      	함수가 호출되었을때 실행할 문장;
      	return;
      }
      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~함수명(1,2,3,4,..); // 매개변수1=값1, 매개변수2=값2,값3,값4,..~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

      😄 디폴트 매개변수

    • 매개변수의 값을 정하지 않으면 기본값을 변수에 저장

      function 함수명(매개변수1=1,매개변수2=2, ..){
      	함수가 호출되었을 때 실행할 문장;
      	return;
      }
      함수명();

      😣 함수 즉시 호출 후 삭제

      (function(){})();
profile
tistory로 이전! https://sweet-rain-kim.tistory.com/

0개의 댓글