자바스크립트 배열 메소드 (JavaScript Array Methods)

배열을 문자열로 변환 (Converting Arrays to Strings)

자바스크립트 toString() 메소드는 쉼표로 구분한 배열 값(array values)의 문자열로 반환합니다.

Example


join() 메소드는 하나의 문자열(a string)로 모든 배열 요소(all array elements)를 결합합니다:

이것은 toString()과 똑같이 동작하지만, 구분자를 지정할 수도 있습니다:

Example


제거 및 추가 (Popping and Pushing)

배열에서 항목을 제거하거나 항목을 배열로 추가합니다 .

배열을 가지고 요소를 쉽게 제거하고 새 요소를 추가 할 수 있습니다.

이것은 요소를 쉽게 제거하고(popping) 추가(pushing)하는 것입니다:

배열에서 항목(items)을 제거하거나(popping out), 배열로 항목(items)을 추가(pushing into)합니다.


제거하기(Popping)

pop() 메소드는 배열에서 마지막 요소를 제거합니다:

Example

pop() 메소드는 “제거한(popped out)” 값을 반환합니다:

Example

pop() method의 반환값은 제거된 항목입니다.


삽입하기(Pushing)

push() 메소드는 배열(마지막)에 새요소를 추가합니다:

Example

push() 메소드는 새 배열의 길이(new array length)를 반환합니다:

Example


요소제거(Shifting Elements)

Shifting(요소제거)는 popping(요소제거)과 동일하지만 마지막 요소가 아닌 첫 번째 요소를 제거합니다.

shift() 메소드는 첫 번째 요소를 제거하고, 나머지 요소들의 인덱스 숫자는 “낮아”집니다.

Example

shift() 메소드는 배열의 첫 번째 요소를 제거합니다 (그리고 나머지 요소들은 왼쪽으로 “이동합니다”):

shift() 메소드는 “제거된(shifted out)” 문자열을 반환합니다:

Example

unshift() 메소드는 배열(첫 번째)에 새 요소를 추가하고 이전 요소를 “뒤로 이동(unshifts)”시킵니다:

Example

unshift() 메소드는 새 배열의 길이를 반환합니다.

Example


요소 변경(Changing Elements)

배열 요소는 해당 인덱스 번호(index number)를 사용하여 액세스합니다:

Example

배열요소(Array elements)는 해당 인덱스 숫자로 액세스합니다:

length 속성은 배열에 새 요소를 추가하는 쉬운 방법을 제공합니다:

Example

length 속성은 push() 속성을 사용하지 않고 배열에 새 요소(new elements)를 추가하는 쉬운 방법입니다.


요소 삭제(Deleting Elements)

자바스크립트 배열은 객체이기 때문에 자바스크립트 연산자(operator) delete를 사용하여 요소를 삭제할 수 있습니다:

Example

삭제되는 요소(Deleting elements)는 배열에서 undefined 빈칸으로 남게 됩니다.


배열 연결(Splicing an Array)

The splice() 메소드는 배열에 새 항목(items)을 추가할 수 있습니다:

Example

첫번째 매개변수(parameter) (2)는 새 요소가 추가(added)될(spliced in) 위치를 정의합니다.

두 번째 매개변수 (0)은 제거(removed)될 요소 수(how many)를 정의 합니다.

나머지 매개변수(“Lemon”, “Kiwi”)는 추가(added)할 새 요소를 정의합니다.


splice()를 사용하여 요소 제거 (Using splice() to Remove Elements)

매개변수 설정을 잘 활용하면(clever parameter setting), splice()를 사용하여 배열에 “빈칸(hole)”을 남기지 않고 요소를 제거할 수 있습니다:

Example

첫 번째 매개변수 (0)은 새 요소를 추가(삽입)(spliced in)할 위치를 정의합니다.

두 번째 매개변수 (1)은 제거될 요소 수(how many)를 정의 합니다.

나머지 매개변수를 생략하면 새 요소는 추가되지 않습니다.


배열 병합(연결) (Merging (Concatenating) Arrays)

CONCAT() 메소드는 기존 배열을 병합(연결)하여 새로운 배열을 만듭니다:

Example (Merging Two Arrays)

concat() 메소드는 여러 개의 배열 인수(any number of array arguments)를 취할 수 있습니다:

Example (Merging Three Arrays)

concat() 메소드는 값(values)을 인수(arguments)로 취할 수도 있습니다:

Example (Merging an Array with Values)

concat() method는 값(values)으로 배열(arrays)에 합칠 수 있습니다:


배열 자르기(Slicing an Array)

slice() 메소드는 배열의 일부분을 잘라내고(slices out) 새 배열을 만듭니다.

다음 예제는 배열 요소(array element) 1 (“Orange”)에서 시작하는 배열의 일부를 잘라냅니다:

Example

다음 예제는 배열 요소(array element)3 (“Apple”)에서 시작하는 배열의 일부를 잘라냅니다:

Example

slice() 메소드는 slice (1, 3)와 같은 두 개의 인수(arguments)를 사용할 수 있습니다.

그런 다음 이 메소드는 시작 인수(start argument)에서 마지막 인수(end argument)(포함하지 않음)까지 요소를 선택합니다.

Example

slice() method에 두 개의 인수(arguments)가 주어지면, 먼저 배열요소(array elements)를 선택하고, 마지막 인수(end argument)(그러나 포함않음(but not included))까지 선택합니다:

첫 번째 예제에서와 같이, end 인수(argument)가 생략되면 slice () 메서드는 배열 중 남아있는 요소를 잘라냅니다(slices out).

Example


자동(Automatic) toString()

프리미티브 값(primitive value)이 예상되면 자바스크립트는 자동으로 배열을 쉼표로 구분된 문자열로 변환합니다.

배열은 항상 이런 식으로 출력됩니다.

이 두 예제는 동일한 결과를 생성합니다:

Example

Example


배열에서 최대값과 최소값(Max and Min Values) 찾기

자바스크립트 배열에서 최대값 또는 최소값을 찾는 내장 함수는 없습니다.

이 튜토리얼의 다음 장에서 이 문제를 해결하는 방법을 배웁니다.


배열 정렬(Sorting Arrays)

배열 정렬은 이 자습서의 다음 장에서 다룹니다.


전체 배열 참조Complete Array Reference

전체 참조 정보는 Complete JavaScript Array Reference로 이동하십시오.

이 참조에는 모든 배열 속성 및 메소드에 대한 설명과 예제가 들어 있습니다.

출처: JavaScript Array Methods

댓글 남기기