본문 바로가기

Frontend/JavaScript22

반복문 ② 반복문 JavaScript에서 사용할 수 있는 반복문에는 for in 반복문, for of 반복문, for 반복문, while 반복문이 있다. for in 반복문for (const 반복 변수 in 배열 또는 객체) { 문장} for in 반복문은 배열의 인덱스를 기반으로 반복할 때 사용하고, 배열의 인덱스를 반복 변수로 사용한다.0번째 요소: 101번째 요소: 202번째 요소: 30 for of 반복문 for in 반복문은 배열의 인덱스를 반복 변수로 사용하기 때문에 반복문 내부에서 요소에 접근하려면 배열[인덱스]의 형태를 사용해야 하고, for in 반복문을 안정적으로 사용하기 위해선 위 기본형에 몇 가지 코드를 추가해야 한다. for in 반복문의 이러한 약점을 해결하기 위해 등장한 것이 for of 반복.. 2024. 9. 17.
반복문 ① 배열 배열과 요소 배열은 여러 개의 변수를 한 번에 선언해 다룰 수 있는 자료형으로, 대괄호를 사용해 생성하고 내부의 값을 쉼표로 구분한다. 이때 이 내부의 값을 요소라고 하고, 하나의 배열은 다양한 자료형의 요소를 가질 수 있다.** 예를 들어 [10, '10', true, function () {}, {}, [10, 20]]과 같은 형태의 배열도 가능하다.  배열 요소에 접근하기배열[인덱스] 배열을 생성할 때도 대괄호를 사용하지만, 요소에 접근할 때도 대괄호를 사용한다. 배열명 뒤에 대괄호를 입력하고 대괄호 사이에 인덱스를 입력하면 인덱스에 해당하는 요소에 접근할 수 있다.> const numbers = [10, 20, 30]undefined> numbers[0]10> numbers[1]20> number.. 2024. 9. 16.
조건문 ③ 연산자를 이용한 조건문 JavaScript에서 사용할 수 있는 조건문 중 연산자를 사용한 조건문에 대해 알아보자.  조건부 연산자불 값을 리턴하는 표현식 ? 표현식이 true일 때의 결과 : 표현식이 false일 때의 결과 JavaScript에서 3개의 항을 갖는 연산자는 조건부 연산자가 유일해 조건부 연산자를 삼항 연산자라고 부르기도 한다. 아래는 조건부 연산자를 사용한 조건문의 예시이다. 짧은 조건문 논리합 연산자를 사용한 짧은 조건문불 값을 리턴하는 표현식 || 표현식이 false일 때 실행할 문장 JavaScript는 표현식의 값이 true가 확실할 경우 추가 연산을 진행하지 않고, 논리합 연산자는 두 개의 항 중 하나만 true여도 true를 리턴한다. 즉, 논리합 연산자의 좌변이 true면 우변을 실행하지 않고 이는.. 2024. 9. 14.
조건문 ② switch 조건문 JavaScript에서 사용할 수 있는 조건문 중 switch 조건문에 대해 알아보자.  switch 조건문switch (표현식) { case 표현식의 값 1: break case 표현식의 값 2: break default: break}이때 default 구문은 생략할 수 있다. 일반적으로 switch 조건문은 특정 표현식의 값을 기준으로 조건을 분기할 때 사용하고, 특정 표현식의 범위를 기준으로 조건을 분기하는 것은 불가능하지는 않지만 어렵다. 아래는 switch 조건문을 이용해 특정 표현식의 범위를 기준으로 조건을 분기하는 예시이다.     이 글은 혼자 공부하는 자바스크립트 (윤인성 저)를 바탕으로 공부한 내용을 작성한 글입니다. 2024. 9. 14.
조건문 ① if 조건문 JavaScript에서 사용할 수 있는 조건문 중 if 조건문에 대해 알아보자. if 조건문if (불 값을 리턴하는 표현식) { 표현식이 true일 때 실행할 문장} if else 조건문if (불 값을 리턴하는 표현식) { 표현식이 true일 때 실행할 문장} else { 표현식이 false일 때 실행할 문장} 중첩 조건문if (불 값을 리턴하는 표현식 1) { // 표현식 1이 true일 때 실행할 조건문 if (불 값을 리턴하는 표현식 2) { 표현식 2가 true일 때 실행할 문장 } else { 표현식 2가 false일 때 실행할 문장 }} else { // 표현식 1이 false일 때 실행할 조건문 if (불 값을 리턴하는 표현식 3) { 표현식 3이 true일 .. 2024. 9. 14.
입력과 출력 JavaScript에서 사용할 수 있는 입력 방법과 출력 방법의 일부를 알아보자. 입력 문자열 입력prompt(메시지 문자열, 기본 입력 문자열) 불 입력confirm(메시지 문자열) 출력 개발자 도구 출력 웹 브라우저의 주소창에 about:blank를 입력하고 개발자 도구의 Console 탭에 들어가면 입력과 출력을 즉각적으로 확인할 수 있다. 경고창 출력alert(출력 문자열) 콘솔 출력console.log(출력 문자열)     이 글은 혼자 공부하는 자바스크립트 (윤인성 저)를 바탕으로 공부한 내용을 작성한 글입니다. 2024. 9. 14.