[JavaScript] 배열

신보연·2023년 2월 27일
1

배열 선언방법

let arr = []; 
// 빈 배열 선언
arr = [1, 3, 5, 7, 9]; // 배열에 값 할당
console.log(arr);      // --> [1, 3, 5, 7, 9]
  • 배열은 순서가 있는 값으로, 순서는 인덱스로 구성.[0부터읽음]

  • 요소(element)라고 부르며, 각각의 요소들은 쉼표(comma)로 구분.

  • 대괄호'[ ]'를 통해 배열을 만듦.

배열 값 접근

arr[index];

let fruit = ["apple", "banana", "cherry"];
console.log(fruit[0]); // --> "apple"
console.log(fruit[2]); // --> "cherry"
fruit[2] = "corn";
console.log(fruit[2]); // --> "corn"

배열의 값 :

추가, 삭제(push, pop, shift, unshif, concat)

let num = [1, 2, 3, 4, 5];
 
/* push(): 마지막 index에 배열 추가 */
num.push(100); // --> [1, 2, 3, 4, 5, 100]
 
/* pop(): 마지막 index의 배열 삭제*/
num.pop(); // --> [1, 2, 3, 4, 5]
 
/* shift(): 첫번째 index의 배열 삭제 */
num.shift(); // --> [2, 3, 4, 5]
 
/* unshift(): 첫번째 index에 배열 추가 */
num.unshift(500); // --> [500, 2, 3, 4, 5]
 
/* concat(): 배열을 병합, push()와 유사*/
let newNum = num.concat(300);
console.log(num);    // --> [500, 2, 3, 4, 5]
console.log(newNum); // --> [500, 2, 3, 4, 5, 300]

push와 concat의 차이 (불변성의 차이, Immutable)

  • push: 원본을 바꾸며, 배열의 끝에 요소를 추가하고 그 배열의 길이를 반환

  • concat: 원본을 바꾸지 않으며, 새로 만든 배열을 반환

배열과 객체의 차이를 확인할 수 있는 메서드

Array.isArray:파라미터로 입력받은 obj가 배열인지 여부를 boolean값으로 리턴.
객체가 배열이면 true, 배열이 아니면 false를 리턴.

length: 배열의 길이를 알고자 할때 사용

length(): 문자열의 길이를 알고자 할때 사용

0개의 댓글