객체 지향 JavaScript — 배열

https://www.amazon.com/John-Au-Yeung/e/B08FT5NT62에서 Amazon에서 내 책을 확인하십시오.

지금 http://jauyeung.net/subscribe/에서 내 이메일 목록을 구독하십시오.

JavaScript는 부분적으로 객체 지향 언어입니다.

JavaScript를 배우려면 JavaScript의 객체 지향 부분을 배워야 합니다.

이 기사에서는 배열을 살펴보겠습니다.

정렬

Array는 배열을 생성할 수 있는 내장 함수입니다.

예를 들어 다음과 같이 작성하여 사용할 수 있습니다.

const a = new Array();

이것은 다음과 같습니다.

const a = [];

어느 쪽이든 다음과 같이 작성하여 채울 수 있습니다.

a[0] = 1;
a[1] = 2;

Array 생성자를 사용하여 배열을 채울 수 있습니다.

예를 들어 다음과 같이 작성할 수 있습니다.

const a = new Array(1, 2, 3, 4);

그러면 a는 다음과 같습니다.

[1, 2, 3, 4]

하나의 정수를 전달하여 빈 슬롯이 있는 배열을 만들 수 있습니다.

예를 들어 다음과 같이 작성할 수 있습니다.

const a = new Array(5);

그런 다음 우리는 다음을 얻습니다.

[empty × 5]

배열은 객체일 뿐입니다.
toString 메서드를 사용하여 문자열로 변환할 수 있습니다.

예를 들어 다음과 같이 작성할 수 있습니다.

const a = new Array(1, 2, 3, 4);
console.log(a.toString());

그리고 우리는 다음을 얻습니다.

'1,2,3,4'

기록.

그리고 다음을 사용하여 생성자를 얻을 수 있습니다.

console.log(a.constructor);

그리고 우리는 다음을 얻습니다.

ƒ Array() { [native code] }

기록.
length 속성을 사용하여 배열의 항목 수를 가져올 수 있습니다.

예를 들어 다음과 같이 작성할 수 있습니다.

const a = new Array(1, 2, 3, 4);
console.log(a.length);

그러면 우리는 4를 얻습니다.
length를 다른 숫자로 설정하여 배열 크기를 변경할 수 있습니다.
length를 지금보다 더 큰 값으로 설정하면 배열에 새 항목이 생깁니다.

예를 들어 다음이 있는 경우:

const a = new Array(1, 2, 3, 4);
a.length = 5;
console.log(a);

그리고 우리는 다음을 얻습니다.

[1, 2, 3, 4, empty]

기록.
length를 현재보다 짧은 길이로 설정하면 배열이 잘립니다.

예를 들어 다음이 있는 경우:

const a = new Array(1, 2, 3, 4);
a.length = 2;
console.log(a);

그리고 우리는 다음을 얻습니다.

[1, 2]

배열 메서드

다양한 배열 방법을 사용하여 배열을 조작하도록 설정할 수 있습니다.
push 메서드를 사용하여 배열 끝에 항목을 추가할 수 있습니다.

예를 들어 다음이 있는 경우:

const a = [1, 2, 3, 4];

그런 다음 push를 호출하여 새 항목을 추가할 수 있습니다.

a.push(5);

그리고 우리는 다음을 얻습니다.

[1, 2, 3, 4, 5]

pop 메서드는 배열의 마지막 항목을 제거합니다.

예를 들어 다음과 같이 작성할 수 있습니다.

const a = [1, 2, 3, 4];
a.pop();
console.log(a);

그런 다음 우리는 다음을 얻습니다.

[1, 2, 3]

sort 메서드를 사용하여 배열을 정렬할 수 있습니다.

예를 들어 다음과 같이 작성할 수 있습니다.

const a = [6, 3, 1, 3, 5];
const b = a.sort();
console.log(a);

그런 다음 우리는 다음을 얻습니다.

[1, 3, 3, 5, 6]

항목이 정렬된 새 배열을 반환합니다.
slice 메서드는 소스 배열을 수정하지 않고 배열의 일부를 반환합니다.

예를 들어 다음이 있는 경우:

const a = [1, 2, 3, 4, 5];
const b = a.slice(1, 3);
console.log(b);

그런 다음 우리는 다음을 얻습니다.

[2, 3]

기록.
splice 메서드를 사용하면 소스 배열을 수정할 수 있습니다.

슬라이스를 제거하고 반환하고 선택적으로 새 요소로 간격을 채우는 데 사용할 수 있습니다.

예를 들어 다음과 같이 작성할 수 있습니다.

const a = [1, 2, 3, 4, 5];
b = a.splice(1, 2, 100, 101, 102);
console.log(a);
console.log(b);

그러면 a는 다음과 같습니다.

[1, 100, 101, 102, 4, 5]

b는 다음과 같습니다.

[2, 3]

인덱스 1의 값을 2개의 항목으로 대체했습니다.

그런 다음 이를 100, 101 및 102로 대체했습니다.

제거된 항목이 반환됩니다.

결론

배열을 사용하면 데이터를 순서대로 저장할 수 있습니다. 그것들은 우리가 그것들을 조작하는 데 사용할 수 있는 다양한 방법이 있습니다.