JS 챌린지 4일

HeeJune KIM·2023년 9월 8일

1. 배열 만들기

배열 만들기:
배열은 여러 값을 저장하는 데 사용되며, 다양한 자료형을 포함할 수 있습니다.

  • 빈 배열: var arr = [];
  • 초기화된 배열: var arr = [1, 2, 3, 4, 5];

예시:

var mixed_arr = [1, true, 3.14, "string", {name: "object"}, [1, 2, 3]];

배열의 길이:
배열의 길이를 알아내기 위해 .length 속성을 사용합니다.

var arr = [1, 2, 3, 4, 5];
var length = arr.length; // 5 (배열의 길이)

배열의 엘리먼트에 접근하기:
배열의 엘리먼트에 접근할 때는 대괄호 [] 안에 인덱스를 사용합니다. 인덱스는 0부터 시작하며 배열의 끝은 length - 1입니다.

var arr = [1, 2, 3];
var firstElement = arr[0]; // 1 (배열의 첫 번째 엘리먼트)
var lastElement = arr[arr.length - 1]; // 3 (배열의 마지막 엘리먼트)

2. 배열 사용하기

배열에 엘리먼트 추가/삭제하기:

  1. .push(element): 배열의 뒤에 엘리먼트를 추가합니다.
var arr = [1, 2, 3];
arr.push(4); // [1, 2, 3, 4]
  1. .pop(): 배열의 뒤에서 엘리먼트를 삭제하고 해당 값을 반환합니다.
var arr = [1, 2, 3];
var removedElement = arr.pop(); // 3, arr는 [1, 2]로 변경됨
  1. .shift(): 배열의 앞에서 엘리먼트를 삭제하고 해당 값을 반환합니다.
var arr = [1, 2, 3];
var removedElement = arr.shift(); // 1, arr는 [2, 3]으로 변경됨
  1. .unshift(element): 배열의 앞에 엘리먼트를 추가합니다.
var arr = [2, 3];
arr.unshift(1); // [1, 2, 3]

배열 붙이기, 검색하기:

  1. .concat(arr2): 두 배열을 결합하여 새 배열을 만듭니다.
var arr1 = [1, 2];
var arr2 = [3, 4];
var combinedArr = arr1.concat(arr2); // [1, 2, 3, 4]
  1. .indexOf(element): 배열에서 특정 엘리먼트의 첫 번째 위치를 검색합니다. 엘리먼트를 찾지 못하면 -1을 반환합니다.
var arr = [1, 2, 3, 4, 5];
var index = arr.indexOf(3); // 2 (3은 인덱스 2에 위치)
  1. .lastIndexOf(element): 배열에서 특정 엘리먼트의 마지막 위치를 검색합니다.
var arr = [1, 2, 3, 4, 5, 3];
var lastIndex = arr.lastIndexOf(3); // 5 (3은 인덱스 5에 위치)

문자열을 배열로 분할하기:
문자열을 구분자(separator)를 기준으로 나누어 각각을 담은 배열을 반환하는 함수인 .split(separator) 함수를 사용할 수 있습니다.

var str = "1,2,3,4,5";
var arr = str.split(","); // ["1", "2", "3", "4", "5"]

3. 주석

주석은 코드에 대한 설명이나 문서화를 위해 사용되며, 주로 프로그램의 동작과 무관합니다. 주석은 코드를 이해하고 유지 관리하는 데 도움이 되며, 다른 개발자들과 코드를 공유할 때도 유용합니다.

한줄 주석 (Single-line Comments):
한 줄 주석은 //로 시작하며, 해당 줄에서부터 그 줄의 끝까지 주석으로 처리됩니다.

예시:

alert("이 코드는 실행됨"); // 여기부터 주석
// alert("이 코드는 실행되지 않음"); // 이미 주석임

여러줄 주석 (Multi-line Comments):
여러 줄 주석은 /*로 시작하고 */로 끝납니다. 이러한 주석은 여러 줄에 걸쳐 사용할 수 있습니다.

예시:

/* 여기서부터
age = prompt("나이를 입력하세요");
여기까지 모두 주석 */

4. if문

if 문:
if 문은 주어진 조건이 참인 경우에만 특정 코드 블록을 실행합니다. 조건이 거짓이면 코드 블록은 실행되지 않습니다.

if (/* 조건식 */) {
    // 조건이 참일 때 실행될 코드
}

else if 문:
else if 문은 이전의 if 문이나 else if 문의 조건이 거짓인 경우, 새로운 조건을 검사하고 조건이 참이면 해당 코드 블록을 실행합니다. 여러 개의 else if 문을 사용하여 다양한 조건을 검사할 수 있습니다.

if (/* 조건식1 */) {
    // 조건1이 참일 때 실행될 코드
} else if (/* 조건식2 */) {
    // 조건2가 참일 때 실행될 코드
} else {
    // 모든 조건이 거짓일 때 실행될 코드
}

else 문:
else 문은 이전의 모든 ifelse if 문의 조건이 거짓인 경우 실행됩니다. else 문은 선택 사항이며, 코드 블록은 단 한 번만 실행됩니다.

if (/* 조건식 */) {
    // 조건이 참일 때 실행될 코드
} else {
    // 모든 조건이 거짓일 때 실행될 코드
}

아래는 if, else if, else 문을 사용한 예제입니다:

var score = 85;

if (score >= 90) {
    console.log("A");
} else if (score >= 80) {
    console.log("B");
} else if (score >= 70) {
    console.log("C");
} else {
    console.log("F");
}

0개의 댓글