배열이란
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 |