배열이란

2023. 7. 13. 13:38자바스크립트 정리

728x90
반응형

배열

연관된 데이터를 연속적인 형태로 저장하는 복합 타입

배열에 포함된 원소는 순서대로 번호(index)가 붙는다.

객체

객체는 여러값을 키 - 값 형태로 결합시킨 복합 타입

배열 초기화

const arr1=new Array(4); // 빈 배열 선언하기
const arr2 = []; 
const arr3 = [1,2,3,4,5]

배열 길이

const arr = [1, 2, 3, 4, 5];
console.log(arr.length);
arr.length = 3;
console.log(arr);
// [1,2,3]으로 나온다

Array.from

const arr5 = Array.from(
  Array(5) /*<-초기화할배열*/,
  function (v /*배열의 값*/, k /*인덱스*/) {
    return k + 1;
  }
);

Array.fill()

const arr4 = new Array(10).fill(100);
//100을 10번 반복 된다

join

const arr = [1, 2, 3, 4, 5];
const arr = [1, 2, 3, 4, 5];console.log(arr.join(""));
// 12345으로 나온다

reverse

const arr = [1, 2, 3, 4, 5];
console.log(arr.reverse());
// [5,4,3,2,1] 로 나온다
// 한번 사용하면 원래 배열에 지장이 가서 주의 해야한다

두배열 합치기 concat

const arr1 = [1, 2, 3, 4, 5, 6];
const arr2 = [7, 8, 9, 10];
console.log(arr1.concat(arr2));
// (10) [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

push

const arr1 = [1, 2, 3, 4, 5, 6];
arr1.push(7);
arr1.push(8, 9, 10);
console.log(arr1);
//(10) [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

pop

const arr1 = [1, 2, 3, 4, 5, 6];
arr1.pop();
arr1.pop();
console.log(arr1);
//(4) [1, 2, 3, 4]

shift - 맨앞에 있는 원소 제거

const arr1 = [1, 2, 3, 4, 5, 6];
arr1.shift();

console.log(arr1);
//(5) [2, 3, 4, 5, 6]

unshift - 맨앞에 있는 원소 추가

const arr1 = [1, 2, 3, 4, 5, 6];
arr1.unshift(10);

console.log(arr1);
//(7) [10, 1, 2, 3, 4, 5, 6]

slice - 중간에 있는 값 잘라서 출력

const arr1 = [1, 2, 3, 4, 5, 6];

console.log(arr1.slice(2, 5));
//[3, 4, 5]

splice - 중간에 있는 값 삭제

const arr1 = [1, 2, 3, 4, 5, 6];
arr1.splice(2, 2);
console.log(arr1);
//(4) [1, 2, 5, 6]

for of

const arr1 = [1, 2, 3, 4, 5, 6];
for (const item of arr1) {
  console.log(item);
}
/* 1
   2
   3
   4
   5
   6  */

'자바스크립트 정리' 카테고리의 다른 글

Call Stack  (0) 2023.07.14
스코프  (0) 2023.07.13
메모리란  (0) 2023.07.13
변수, 상수, 자료형  (0) 2023.07.13
5. 데이터 처리  (0) 2023.07.12