JS [배열]

배열

- 관련 있는 데이터를 하나의 변수에 할당하여 관리하기 위해 사용되는 데이터 타입

 

배열을 사용했을때 장점

• 하나의 배열내에 여러 자료형의 데이터를 담을 수 있다.
• 코드 가독성이 높고 변수의 수를 줄여 연산의 편리함을 제공한다.
• 관련성 있는 데이터를 함께 변수에 저장하며 데이터를 찾는데 용이하다.

배열을 선언하면 다음과 같이 연속적으로 나열된 자료구조이다. 

배열의 선언방법

  <script>
    // 빈배열
    let empty = [];
    // 요소가 있는 배열
    let numbers = [1,2,3,4,5];
    // 다양한 데이터 타입을 포함한 배열
    let mixarr = [1,"two",true,null,{name : "Alice"},[1,2,3]];


    for(let i = 0;i<numbers.length;i++) {
      console.log(numbers[i]);
    }

    for(let i = 0;i<numbers.length;i++) {
      console.log(mixarr[i]);
    }
  </script>

배열의 출력

- 배열의 값을 넘겨주어 선언하는 방법

- 해당하는 위치 index 번호를 사용하여 해당 배열의 값을 가져와 출력할 수 있다.

// 요소가 있는 배열
    let numbers = [1,2,3,4,5];
// 배열의 2번째 index 에 접근하여 해당 값을 가져오기
    console.log(numbers[2]);

베열의 속성

- 모든 배열값에 사용이 가능하다.

- 문자열에 사용되는 length 배열의 길이를 반환해준다.

let numbers = [1,2,3,4,5];
console.log("numbers 배열의 길이" + numbers.length);

배열을 활용한 반복문 예제

예제1 : for 루프와 사용한 배열의 합 구하기

let numbers = [1, 2, 3, 4, 5];
let sum = 0;

for (let i = 0; i < numbers.length; i++) {
    sum += numbers[i];
}

console.log("Sum:", sum); // 출력: Sum: 15

예제2 : forEach 메서드를 사용한 배열 요소 출력하기

let fruits = ["apple", "banana", "cherry"];

fruits.forEach(function(fruit) {
    console.log(fruit);
});
// 출력:
// apple
// banana
// cherry

예제3 : 짝수 찾기

let numbers = [1, 2, 3, 4, 5, 6];
let evenNumbers = [];

for (let i = 0; i < numbers.length; i++) {
    if (numbers[i] % 2 === 0) {
        evenNumbers.push(numbers[i]);
    }
}

console.log("Even numbers:", evenNumbers); // 출력: Even numbers: [2, 4, 6]

예제4 : 특정 값 찾기

let names = ["Alice", "Bob", "Charlie", "David"];
let nameToFind = "Charlie";
let found = false;

for (let i = 0; i < names.length; i++) {
    if (names[i] === nameToFind) {
        found = true;
        break; // 이름을 찾으면 루프를 종료
    }
}

console.log(`Found "${nameToFind}":`, found); // 출력: Found "Charlie": true

배열의 최대값 구하기

• 초기값 설정 : max 변수를 배열의 첫번째 요소로 초기화 진행
• for 루프를 사용하여 각 요소를 검사하여 max 를 업데이트 함

    // 배열의 최대값 찾기
    let arr = [2,4,6,8,10,100,14,1,-1,9,15];
    let max = arr[0];
    for(let i = 0; i < arr.length; i++) {
      if(max < arr[i]) {
        max = arr[i];
      }
     
    }
    console.log(max);
  </script>