본문 바로가기
Programming/WEB

[JS] javascript에서 배열의 활용

by 코딩의성지 2022. 1. 23.

javascript역시 여느 언어와 다르지 않게 배열을 사용할 수 있다.

배열 사용 방법

 

javascript에서 배열은 대괄호를 이용하여 사용한다.

let arr = ['a','b','c','d'];

 

그런데 다른 언어와 조금 다른 점이 있는데,

배열에 문자, 숫자, 객체, 함수 등 한 타입이 아닌 여러 타입을 동시에 포함할 수 있다.

let arr = ['a',
    100,
    true,
    {name:'bboya', age:5},
    function() {
      console.log('hi');
    }
];

 

배열의 길이를 구하기 위해서는 

 

배열명.length

 

로 구할 수 있다.

console.log(arr.length);

 

배열의 메서드

 

그리고 배열에서는 몇가지 메서드를 제공하는데

 

먼저 push() 메서드는 배열의 끝에 값을 추가할 때 사용한다.

let alphabets = ['a','b','c','d'];
alphabets.push('e');
console.log(alphabets);

 

 

반대로 pop() 메서드를 이용해서 배열의 끝 요소를 제거할 수 있다.

let days = ['mon','tue','wed','thu'];
days.pop();
console.log(days);

 

 

배열 앞부터 값을 처리할 수도 있는데,

배열 앞에 값을 추가할 때는 unshift() 메서드

맨 앞에 값을 제거할 때는 shift() 메서드를 활용한다.

 

let nums = [1, 2, 3, 4];

nums.unshift(0);
console.log(nums);

nums.shift();
console.log(nums);

 

 

for문에서의 배열의 활용

for문에서 배열을 활용하는 방법은 몇가지가 있다.

먼저 기본적인 방법은 아래와 같다.

 

let arr = [0, 1, 2, 3, 4];

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

 

그리고 of 키워드를 사용할 수도 있다.

let arr = [0, 1, 2, 3, 4];

for(let num of arr) {
  console.log(num);
}

 

 

 

반응형

댓글