티스토리 뷰

Javascript

Javascript 배열(Array)이란?

dev.ggons 2023. 10. 2. 22:03

목차



    반응형

    배열이란?

    JavaScript는 다양한 데이터 유형을 다루는 데 강력한 배열(Array) 자료구조를 제공합니다. 배열은 데이터를 순서대로 저장하고 관리하는 데 사용되며, 웹 개발과 프로그래밍에서 핵심적인 역할을 합니다. 

     

    배열의 기본 개념

    배열은 데이터 요소의 컬렉션으로, 각 요소는 고유한 인덱스(순서)를 가집니다. 이 인덱스를 사용하여 요소에 접근하거나 조작할 수 있습니다. 배열은 순서가 중요한 데이터를 저장할 때 사용하며, 문자열, 숫자, 객체, 함수 등 모든 유형의 데이터를 포함할 수 있습니다.

    // 배열 생성
    let fruits = ['사과', '바나나', '딸기'];
    
    // 배열 요소 접근
    console.log(fruits[0]); // "사과"

     

    배열의 다양한 기능

    1. 배열 길이와 추가/제거

    배열은 가변 길이이며 요소를 동적으로 추가하거나 제거할 수 있습니다. push 메서드를 사용하여 요소를 배열 끝에 추가하거나 pop 메서드를 사용하여 배열 끝에서 요소를 제거할 수 있습니다.

    fruits.push('오렌지'); // 배열 끝에 "오렌지" 추가
    fruits.pop(); // 배열 끝에서 요소 제거

     

    2. 배열 순회

    for 루프나 forEach와 같은 배열 내장 메서드를 사용하여 배열을 순회할 수 있습니다.

    for (let i = 0; i < fruits.length; i++) {
      console.log(fruits[i]);
    }
    
    fruits.forEach(function(fruit) {
      console.log(fruit);
    });

     

    3. 배열 내장 메서드

    JavaScript 배열은 다양한 내장 메서드를 제공합니다. filter, map, reduce 등의 메서드를 사용하여 배열 요소를 처리하고 새로운 배열을 생성할 수 있습니다.

    let filteredFruits = fruits.filter(function(fruit) {
      return fruit !== '바나나';
    });

     

    결론

    JavaScript 배열은 데이터를 순서대로 저장하고 관리하는 강력한 도구입니다. 배열은 다양한 데이터 유형을 다루며, 배열 메서드를 활용하여 데이터를 효과적으로 처리할 수 있습니다. 배열은 웹 개발에서 중요한 개념 중 하나이며, 자바스크립트 프로그래밍에 필수적입니다.

    반응형