9.1. 프로그램언어 자바스크립트(JavaScript)에서의 배열 생성

by

프로그램언어 자바스크립트에서의 배열 인덱싱 방법

프로그램언어 자바스크립트에서의 배열 인덱싱 방법은 배열 내 요소에 접근하는 방법을 의미합니다. 배열은 여러 값을 하나의 변수에 저장하는 자료구조로, 각 요소는 0부터 시작하는 인덱스를 가지고 있습니다.

배열 인덱싱은 배열 이름 뒤에 대괄호를 사용하여 해당 요소의 인덱스를 지정하여 접근합니다. 예를 들어, 배열 이름이 myArray이고 인덱스가 0인 요소에 접근하려면 myArray[0]과 같이 사용합니다.

만약 배열의 길이를 넘어서는 인덱스에 접근하려고 하면 undefined가 반환됩니다. 음수 인덱스를 사용할 수도 있으며, 이 경우 배열의 끝에서부터 요소에 접근할 수 있습니다.


// 예제코드
let fruits = ['apple', 'banana', 'orange'];console.log(fruits[0]); // 'apple'
console.log(fruits[1]); // 'banana'
console.log(fruits[2]); // 'orange'
console.log(fruits[3]); // undefinedconsole.log(fruits[-1]); // undefined
console.log(fruits[fruits.length - 1]); // 'orange'

프로그램언어 자바스크립트에서의 배열 요소 수정

프로그램언어 자바스크립트에서의 배열 요소 수정에 대해 설명드리겠습니다.

자바스크립트에서 배열의 요소를 수정하는 방법은 간단합니다. 배열은 여러 값을 담을 수 있는 자료구조로, 각 요소에는 인덱스를 통해 접근할 수 있습니다. 이때, 해당 인덱스에 새로운 값을 할당하면 배열의 요소를 수정할 수 있습니다.

예를 들어, 아래의 예제 코드는 배열의 두 번째 요소를 수정하는 방법을 보여줍니다.


// 배열 생성
let fruits = ['사과', '바나나', '딸기'];// 두 번째 요소 수정
fruits[1] = '수박';console.log(fruits); // 출력: ['사과', '수박', '딸기']

프로그램언어 자바스크립트에서의 배열에서 특정 요소 찾기

프로그램언어 자바스크립트에서의 배열에서 특정 요소를 찾는 방법은 indexOf() 메서드나 find() 메서드를 사용하는 것이 일반적입니다.

먼저, indexOf() 메서드를 사용하여 배열에서 특정 요소의 인덱스를 찾는 방법은 다음과 같습니다:


let fruits = ['apple', 'banana', 'orange', 'kiwi'];
let index = fruits.indexOf('orange');
console.log(index); // 2

위의 예제 코드에서는 fruits 배열에서 ‘orange’ 요소의 인덱스를 찾아 변수 index에 저장하고, 그 값을 출력하고 있습니다.

또 다른 방법으로 find() 메서드를 사용하여 배열에서 특정 요소를 찾는 방법은 다음과 같습니다:


let numbers = [10, 20, 30, 40, 50];
let found = numbers.find(num => num > 25);
console.log(found); // 30

위의 예제 코드에서는 numbers 배열에서 25보다 큰 첫 번째 요소를 찾아 변수 found에 저장하고, 그 값을 출력하고 있습니다.

프로그램언어 자바스크립트에서의 배열 순회 방법

프로그램언어 자바스크립트에서의 배열 순회 방법에 대해 설명드리겠습니다.

자바스크립트에서 배열을 순회하는 방법에는 여러 가지가 있습니다. 가장 일반적인 방법은 for문을 사용하는 것입니다. for문을 이용하면 배열의 각 요소를 순차적으로 접근할 수 있습니다.


// 배열 선언
let fruits = ['apple', 'banana', 'orange'];// for문을 이용한 배열 순회
for (let i = 0; i < fruits.length; i++) {
    console.log(fruits[i]);
}

또한, 자바스크립트에서는 forEach() 메서드를 사용하여 배열을 순회할 수도 있습니다. forEach() 메서드는 배열의 각 요소에 대해 지정된 함수를 실행합니다.


// 배열 선언
let numbers = [1, 2, 3, 4, 5];// forEach() 메서드를 이용한 배열 순회
numbers.forEach(function(number) {
    console.log(number);
});

또 다른 방법으로는 for...of 루프를 사용하는 것이 있습니다. for...of 루프는 ES6에서 도입된 새로운 루프 구문으로, 배열의 값을 직접 접근할 수 있습니다.


// 배열 선언
let colors = ['red', 'green', 'blue'];// for...of 루프를 이용한 배열 순회
for (let color of colors) {
    console.log(color);
}

프로그램언어 자바스크립트에서의 배열 요소 삭제

프로그램언어 자바스크립트에서의 배열 요소 삭제에 대해 설명드리겠습니다.

자바스크립트에서 배열 요소를 삭제하는 방법은 여러 가지가 있습니다. 가장 일반적인 방법은 splice() 메서드를 사용하는 것입니다. splice() 메서드는 배열의 특정 위치에 있는 요소를 삭제하고 필요에 따라 새로운 요소를 추가할 수도 있습니다.

예를 들어, 다음은 splice() 메서드를 사용하여 배열에서 요소를 삭제하는 예제 코드입니다.


// 배열 생성
let fruits = ['사과', '바나나', '딸기', '포도'];// '바나나' 요소 삭제
fruits.splice(1, 1);console.log(fruits); // ['사과', '딸기', '포도']

위 예제에서는 splice() 메서드를 사용하여 배열 fruits에서 인덱스 1에 있는 요소 '바나나'를 삭제했습니다. 삭제할 요소의 인덱스와 삭제할 요소의 개수를 지정하여 삭제할 수 있습니다.

이와 같이 splice() 메서드를 활용하여 자바스크립트 배열에서 요소를 삭제할 수 있습니다.

Leave a Comment