[JavaScript] 자바스크립트의 기초_배열(Array)

2025. 9. 1. 16:23·Frontend(프론트엔드)/자바스크립트




 

 

사이드 프로젝트를 위한 자바스크립트

인프런 한 입 크기로 잘라먹는 리엑트(React): 기초부터 실전까지
강의를 기반으로 정리하였으며, 상업적 목적이 아닌 학습 기록용 입니다.

 

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지| 이정환 Winterlood - 인프런 강의

현재 평점 4.9점 수강생 12,538명인 강의를 만나보세요. 개념부터 독특한 프로젝트까지 함께 다뤄보며 자바스크립트와 리액트를 이 강의로 한 번에 끝내요. 학습은 짧게, 응용은 길게 17시간 분량

www.inflearn.com

 

 

목차

배열 생성

배열 요소 접근

 


 

 

배열 생성

배열
숫자, 불리언, 문자열, null, undefined와 같은 원시 타입뿐만 아니라
함수, 객체, 심지어 다른 배열까지 다양한 자료형의 값들을 함께 담을 수 있다.

• 배열 생성자: new Array()를 사용하여 배열을 생성할 수 있다.
• 배열 리터럴: 대괄호[]를 사용하며, 대부분의 경우에 사용되며 더 간결하게 표현 가능하다.
// 배열: 여러개의 값을 순차적으로 담을 수 있는 자료형
// 1. 배열 생성
let arrA = new Array(); // 배열 생성자
let arrB = []; // 배열 리터럴(대부분 사용)
let arrC = [1, 2, 3, true, "hello", null, undefined, () => {}, {}, []];

 

 


 

 

배열 요소 접근

배열 요소 접근
배열에 담긴 값들은 순서(인덱스)를 통해 접근할 수 있으며, 배열의 순서는 0부터 시작한다.
기존 배열의 특정 위치에 있는 요소를 변경하고 싶을 때는 인덱스를 사용하며, 해당 인덱스에 새로운 값을 재할당한다.
// 2. 배열 요소 접근
// 순서는 0부터 시작됨
let item1 = arrC[0];
let item2 = arrC[8];
// console.log(item1, item2);

arrC[0] = "바꾼값";
console.log(arrC);
반응형

'Frontend(프론트엔드) > 자바스크립트' 카테고리의 다른 글

[JavaScript] 자바스크립트의 기초_객체와 메서드  (0) 2025.09.01
[JavaScript] 자바스크립트의 기초_스코프(전역 스코프와 지역 스코프)  (0) 2025.09.01
[JavaScript] 자바스크립트의 기초_콜백(Callback) 함수  (0) 2025.09.01
[JavaScript] 자바스크립트의 기초_함수의 활용  (0) 2025.09.01
[JavaScript] 자바스크립트의 기초_함수(function)  (0) 2025.09.01
'Frontend(프론트엔드)/자바스크립트' 카테고리의 다른 글
  • [JavaScript] 자바스크립트의 기초_객체와 메서드
  • [JavaScript] 자바스크립트의 기초_스코프(전역 스코프와 지역 스코프)
  • [JavaScript] 자바스크립트의 기초_콜백(Callback) 함수
  • [JavaScript] 자바스크립트의 기초_함수의 활용
DAILYSEEKER
DAILYSEEKER
데이터 분석 공부 열심히 하는 중😁
  • DAILYSEEKER
    ECODATALIST
    DAILYSEEKER
  • 전체
    오늘
    어제
  • 글쓰기 관리자
    • DATA (224)
      • SQL (18)
        • SQLD (3)
        • 데이터 분석을 위한 MySQL (5)
        • 혼자 공부하는 SQL (10)
      • Python (39)
        • 데이터 분석을 위한 Python (32)
        • 데이터 분석을 위한 데이터 스크래핑 (4)
        • 데이터 분석 프로젝트 (3)
      • 기획 (3)
        • 서비스 기획 (1)
        • 기업 분석 (2)
      • Frontend(프론트엔드) (22)
        • 데이터 분석을 위한 웹 개발 언어 (9)
        • 자바스크립트 (13)
        • 타입스크립트 (0)
      • 코딩 테스트 (86)
        • 프로그래머스_MySQL (86)
      • Data Driven (12)
        • 코드 없이 배우는 데이터 분석 (6)
        • Excel (5)
      • UI & UX (24)
        • 피그마(Figma) (24)
      • BDA 학회 (20)
        • BDA학회_8기 (4)
        • BDA학회_9기 (16)
  • 인기 글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
DAILYSEEKER
[JavaScript] 자바스크립트의 기초_배열(Array)
상단으로

티스토리툴바