Dev Journal - 3일 차 - Odin 프로젝트 - JS 기초 4 - 배열

2420 단어
어레이
  • 배열은 문자열, HTML 요소 또는 기타 배열과 같은 여러 값을 저장하는 데 사용되는 특수 유형의 변수입니다.
  • 그런 다음 인덱스 번호를 참조하여 해당 값에 액세스할 수 있습니다.
  • Javascript 배열은 색인이 0입니다. 즉, 배열의 첫 번째 요소나 항목은 인덱스 0에 있고 두 번째 요소나 항목은 인덱스 1에 있으며 마지막 항목이나 요소는 항상 배열 길이보다 하나 적습니다.

    • 통사론
  • 배열은 const 키워드로 선언된 배열 리터럴 형식으로 만드는 것이 좋습니다. 예시,

    • const provinces = [“Alberta, “British Columbia”, “Ontario”];


  • 참고: 아래의 새 키워드 형식으로도 배열을 만들 수 있습니다. 가독성과 실행 속도상의 이유로 권장하지 않습니다.

    • const provinces = new Array(“Alberta, “British Columbia”, “Ontario”)


    배열 요소 조작
  • 인덱스로 배열 요소에 액세스할 수 있습니다. 예 "provinces[1]"는 위의 지방 배열에서 "British Columbia"에 액세스합니다.
  • 인덱스에 새 값을 할당하여 배열 요소를 변경할 수 있습니다. 따라서 이 예에서는 두 번째 요소인 British Columbia(인덱스 1)의 값을 다음과 같이 다른 값으로 변경할 수 있습니다.

    • const provinces = ["Alberta", "British Columbia", "Ontario"];
provinces[1] = "British Columbia";
provinces[1] = "Quebec";
console.log(provinces); //[“Alberta, “Quebec”, “Ontario”]


    어레이 속성
  • 길이 속성은 배열의 길이 또는 해당 배열의 총 항목 수를 반환하며 항상 가장 높은 배열 값의 인덱스보다 1이 더 큽니다.

    •  const provinces = ["Alberta", "British Columbia", "Ontario"];
 console.log (provinces.length] //3


  • 정렬 속성이 배열을 정렬합니다.

    • const provinces = ["Alberta", "British Columbia", "Ontario"];
console.log(provinces.sort()); //“Alberta”, “Ontario”, “British Columbia”]


    배열 방법
    다음 방법/작업과 함께 배열을 사용하는 방법에 대해 배웠습니다.
  • Array.isArray()는 인수가 배열인지 확인합니다. "true"를 반환하거나 그렇지 않으면 false를 반환합니다
    • .
  • Array.push(...items)는 배열 끝에 항목을 추가하고 배열의 새 길이를 반환합니다.
  • Array.pop()은 끝에서 요소를 제거하고 해당 요소를 반환합니다.
  • Array.shift()는 배열의 시작 부분에서 요소를 제거하고 반환합니다.
  • Array.unshift(...items)는 배열의 시작 부분에 항목을 추가합니다
    • .
  • Array.splice() 메서드는 배열에 새 항목을 추가합니다.
  • Array.slice() 메서드는 배열의 일부를 잘라냅니다.

    • 참조
  • The Odin Project
  • Javascript.info - Arrays
    • Tailwindcss의 다크 모드 클래스와 동일한 다중 모드
    알고리즘 - 조합, 4 및 합계

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage