본문 바로가기

자바스크립트/자바스크립트 개념

(13)
[JavaScript] switch 조건문, 삼항 연산자 / 2021.10.12 1. switch 조건문의 구조 switch조건문의 괄호 안에는 비교할 값을 입력을 한다. case옆의 조건들과 이 비교할 값이 같다면 case 키워드 바로 다음에 오는 문장을 실행한다. break 키워드는 switch조건문이나 반복문을 빠져나가기 위해 사용하는 키워드이다. 코드를 읽다가 break를 만나면 break키워드를 감싼 조건문이나 반복문을 빠져나간다. 예시를 통해서 알아보자. * switch문에서 case마다 break를 무조건 써주어야 한다. 2. switch문을 if문처럼 사용하기 위 if문 코드를 switch문 형태로 바꾸어보자. 3. 조건부 연산자 조건문과 비슷한 역할을 하는 연산자이다. 삼항 연산자라고도 한다. 불 표현식 ? 참일 때의 결과 : 거짓일 때의 결과 예시를 통해서 알아보자..
[JavaScript] if 조건문 / 2021.10.11 1. if 조건문 자바스크립트에서 가장 일반적인 조건문은 if 조건문이다. 불 표현식의 값이 true이면 중괄호 안의 문장을 실행하고 false이면 실행하지 않는다. if(불 표현식){ 불 표현식이 true면 실행 } 예제를 통해서 알아보자. (1) 위 코드에서 불 표현식 이 true이면 if안의 문장을 출력하고 종료를 출력할 것이며 false라면 if안의 문장을 출력하지 않고 종료만 출력할 것이다. 위 불 표현식은 true 이기 때문에 문장 2개를 다 출력한다. (2) 현재 시각에 따라 오전과 오후를 구분하는 코드 현재 시각을 구하는 방법은 아래와 같다. * getMonth() : 자바스크립트에서는 월을 0부터 11로 세기 때문에 무조건 +1을 해주어야 한다. 이제 오전과 오후를 if 조건문으로 구분하..
[JavaScript] 입력받기(prompt, confirm), 자료형 변환 / 2021.10.11 1. 문자열 입력 문자열 자료형을 입력할 때 사용하는 함수는 prompt()이다. prompt( 메시지 문자열, 기본 입력 문자열) 예시를 통해서 알아보자. (1) 다음과 같은 코드를 실행한다. (2) 코드를 실행하면 페이지에 입력을 요구하는 창이 나타난다. (3) 입력하는 칸에 글자를 입력하고 확인 버튼을 누른다. (4) 확인 버튼을 누르면 입력한 글자를 경고창에 출력한다. (5) 페이지 콘솔창에서 input 변수를 입력해보았더니 입력한 '자바스크립트'가 상수 input에 대입된 것을 확인할 수 있다. 2. 불 입력 불 자료형은 confirm() 함수로 입력한다. confirm(메시지 문자열) 예시를 통해서 알아보자. (1) 다음과 같은 코드를 실행한다. (2) 코드를 실행하면 페이지에 확인 or 취소..
[JavaScript] 상수와 변수, 연산자, undefined 자료형 / 2021.10.11 1. 상수 상수는 const 키워드로 선언을 한다. const 이름 = 값 반지름으로 원의 둘레와 넓이를 구하는 코드를 작성해보자. (const pi = 3.141592) * 숫자가 들어 있는 상수는 숫자 연산을 할 수 있으며 문자열이 들어있는 상수는 문자열 연산을 할 수 있다. 상수 사용시 주의할 점 : - 특정한 이름의 상수는 한 파일에서 한 번만 선언할 수 있다. - 상수는 한 번만 선언할 수 있으므로 선언할 때 반드시 값을 함께 지정해줘야 한다. - 한 번 선언된 상수의 값은 변경할 수 없다. (변경하고 싶다면 아래에 나오는 변수를 사용할 것) 2. 변수 변수는 let키워드로 선언을 한다. let 이름 = 값 변수 사용시 주의할 점 : - 상수와 마찬가지로 특정한 이름의 변수는 한 파일에서 한 번..
[JavaScript] 자료형 (문자열, 숫자, 불), 자료형 검사 (typeof)/ 2021.10.10 1. 문자열 자료형 자바스크립트에서는 문자가 하나이든 여러 개이든 모두 문자열 자료형이라고 한다. 문자 하나만 나타내는 자료형은 따로 없다. (1) 문자열 연결 연산자 문자열 사이에 덧셈 기호(+)를 사용하면 문자열을 연결할 수 있다. 문자열(A) + 문자열(B) = AB (2) 문자 선택 연산자 문자 선택 연산자를 이용해서 문자열 내부의 문자 하나를 선택할 수 있다. 문자열[숫자] -> [숫자] : 이 부분을 인덱스라고 하는데, 인덱스는 0번부터가 시작이다. (3) 문자열 길이 구하기 문자열 길이를 구하고 싶다면 length속성을 이용하면 된다. 문자열.length -> 온점을 찍고 length입력 (4) 템플릿 문자열 다음과 같은 문자열을 출력해보자. 150 + 50의 값은 200입니다. 과거에 자바..