배열(Array)
- 배열을 사용하면 여러개의 변수를 생성하지 않고, 하나의 변수에 모든 데이터를 담을 수 있다.
- 배열을 변수에 담을때는 변수명에 s(es)를 붙여주는것이 좋다.
- 배열은 반복문(for문)과 자주 붙어다닌다는것을 기억해두자.
let cities = ["서울", "대전", "대구", "부산"];
let anything = ["대전", 1987, ["하나", "둘", 3]]; - "서울", "대전"과 같은 배열의 값, 하나하나를 요소(Element)라고 부른다.
- 요소와 요소 사이에는 쉼표(',')로 구분한다.
- 요소 자리에는 String, Number, Array, Object가 들어갈수 있다.
배열의 요소 가져오기
// 배열이름[index]
console.log(cities[0]); // 서울 출력
console.log(cities[1]); // 대전 출력
console.log(anything[2][2]); // 숫자 3 출력- 배열의 요소는 순서(index)를 갖고 있다.
- 주의해야 할 특징이 있다면 이 index는 1이 아니라 0부터 시작한다.
- 배열안의 배열은 [i][i]로 접근한다.
배열에 데이터 생성하기
let chicken = []; // chicken 이라는 빈 배열 생성
chicken[0] = '가마로'; // 배열의 인덱스로 접근해서 데이터 삽입
chicken[1] = '푸라닭';
chicken[2] = 'BBQ';
console.log(chicken); // ['가마로', '푸라닭', 'BBQ'] 출력
let hamburger = ['버거킹', '맥도날드', '롯데리아'];
// 배열 생성과 동시에 값 할당도 가능하다.배열의 원소 개수 알기
let game = ["리그오브레전드", "스펠렁키", "위쳐"];
let gameLength = game.length;
console.log(gameLength); // 3개 출력원소의 개수는 length프로퍼티로 알수있다.
배열의 메서드들
- join – 문자열로 리턴 (원본 변경 X)
- reverse – 거꾸로 변경
- sort – 배열 정렬
- concat – 배열 이어 붙임 (원본 변경 X)
- slice – 부분 배열 반환 (원본 변경 X)
- splice – 삭제/추가
- push, pop – 맨뒤에 추가/삭제
- shift, unshift – 맨앞에 추가/삭제
문자를 배열로 바꿔주는 split()
구분자를 이용하여 문자를 배열로 바꿔주는 메서드가 있다?! 뿌슝빠쓩!
let cities = "서울, 대전, 대구, 부산"; // 하나의 string 안에 작성
let citiesMakeArray = cities.split(','); // 구분자 ','를 기준으로 배열로 만든다.
console.log(citiesMakeArray);
// ["서울", "대전", "대구", "부산"] 출력Array, for문 응용 예제
/*
findSmallestElement 함수를 구현해 주세요.
findSmallestElement 의 arr 인자는 숫자 값으로만 이루어진 array 입니다.
array 의 값들 중 가장 작은 값을 리턴해주세요.
만일 array가 비어있으면 0을 리턴해주세요.
예를 들어, 다음과 같은 array이 인자(input)으로 들어왔다면:
[20, 200, 23, 1, 3, 9]
1이 리턴되어야 합니다.
*/
function findSmallestElement(arr) {
if(arr.length === 0) {
return 0;
} else {
let min = arr[0]; // arr의 0번째 인덱스를 기준으로
for (var i = 0; i < arr.length; i++) {
if(min > arr[i]){ // 반복문을 돌려서 최소값이 맞는지 비교한다
min = arr[i]; // 최소값이면 변수 min에 담는다
}
}
return min; // 리턴한다. (함수종료)
}
}
findSmallestElement([20, 200, 23, 3, 9, 1]);array, for, return 모두 알아야 했던 레플릿... 지금 봐도 너무 어렵다...😥
참고
HHJ velog 🍔