자바 스크립트의 배열 메소드 : 배열 메소드에 대해 알아야 할 모든 것

솔루션을 코딩 할 때 효율성은 매우 중요합니다. 의 배열 객체 다양한 방법으로 구성됩니다. 이러한 방법은 효율적인 실행을 위해 코드에서 사용됩니다. 이 기사는 JavaScript의 다양한 배열 방법에 중점을 둘 것입니다.

이 기사에서는 다음과 같은 사항을 다룰 것입니다.

• Concat 방법
• CopyWithin 메서드
• 모든 방법
• ToString 메서드
• 결합 방법
• 팝 앤 푸시 방법
• 이동 및 이동 해제 방법
• 접합 방법
• 슬라이스 방법
• ForEach 메서드

이 기사의 첫 번째 주제를 계속 진행하겠습니다.

JavaScript의 배열 메서드

Concat 방법

concat () 메서드는 2 개 이상의 배열을 결합한 다음 결합 된 배열의 복사본을 반환합니다.

var alphabet = [ 'r', 's', 't'] var num = [5, 6, 7] var AlphabetNum = alphabet.concat (num) document.write ( 'AlphabetNum :'+ AlphabetNum)

주어진 예에서 concat 메서드는 두 배열의 alphabet과 num을 결합하고 새로운 연결된 배열 인 AlphabetNum을 반환합니다.

산출:

알파벳 Num : r, s, t, 5,6,7

다음은 CopyWithin 메서드입니다.

CopyWithin 메서드

JavaScript에있는 copyWithin () 메서드는 배열의 일부를 동일한 배열로 복사 한 다음 반환하는 데 사용됩니다.

통사론:

array.copyWithin (대상, 시작, 끝)

이 방법은 세 가지 매개 변수로 구성됩니다.

• 대상 : 요소가 복사 될 색인 위치입니다. 대상 지정은 필수입니다.
• 시작 : 요소 복사를 시작할 인덱스 위치입니다. 선택 사항입니다. 시작의 기본값은 0입니다.
• 끝 : 요소 복사 프로세스를 종료 할 인덱스 위치입니다. 이것도 선택적 매개 변수이며 기본값은 길이 .

var number = [ 'One', 'Two', 'Three', 'Four', 'Five', 'Six', 'Seven'] document.write (number) document.write ( ' 
'+ number.copyWithin (3,0,4))

산출:

하나, 둘, 셋, 넷, 다섯, 여섯, 일곱

하나, 둘, 셋, 하나, 둘, 셋, 넷

예에 표시된대로 배열의 값이 동일한 배열에 복사됩니다. 대상 인덱스 : 3, 시작 인덱스 : 0, 종료 인덱스 : 4

자바 스크립트에서이 배열 메소드의 다음 비트는 다음과 같습니다.

모든 방법

이 메서드는 배열에있는 모든 요소가 지정된 조건을 충족하는지 여부를 검사하거나 확인합니다. 메서드의 구문은 다음과 같습니다.

array.every (function [, This_arg])

이 함수의 인수는 다른 함수입니다. 확인해야하는 조건을 정의합니다. 다음과 같은 인수가 있습니다.

• Array : every () 함수가 호출되는 배열입니다. 선택적 인수입니다.
• Index : 현재 요소의 인덱스. 이것도 선택 사항입니다.
• 요소 : 함수에서 처리중인 현재 요소입니다. 이 인수를 사용하는 것은 필수입니다.

this_arg는 사용할 함수를 알리는 데 사용됩니다. 이 값. 다음 예에서는 배열의 각 요소가 양수인지 여부를 확인합니다.

function positive (element, index, array) {return element> 0} function func () {var array = [11, 89, 23, 7, 98] // 양수 확인 var value = array.every (positive) 문서 .write (값)} func ()

함수가 true 또는 false의 값을 반환한다는 점에 유의해야합니다. 배열에있는 모든 요소가 양수이므로 출력은 다음과 같습니다.

진실

다음은 ToString 메서드입니다.

유형 변환 C ++

ToString 메서드

이 메서드는 숫자를 문자열로 변환합니다. 기본 값을 지정하여 숫자를 변환 할 수도 있습니다.

var number = 569 document.write ( 'Output :'+ number.toString ())

주어진 예에서 toString () 메서드는 매개 변수 나 기본 값없이 호출됩니다.

산출:

569

이제 조인 방법을 살펴 보겠습니다.

결합 방법

join () 메서드는 배열에있는 모든 요소를 ​​결합합니다. 또한 요소를 구분하기 위해 구분 기호를 지정할 수 있습니다.

var a = new Array ( 'I', 'Love', 'Music') var string = a.join () document.write ( 'string :'+ string) var string = a.join ( '*') 문서. 쓰다(' 
string : '+ string) var string = a.join ('+ ') document.write (' 
문자열 : '+ 문자열)

제공된 예에서 첫 번째 결합 방법에는 구분 기호가 포함되어 있지 않으므로 기본 구분 기호가 사용됩니다. 다른 두 가지 방법에서 '*'및 '+'는 지정된 연산자입니다.

산출:

문자열 : I, Love, Music

string : I * 사랑 * 음악

string : 나 + 사랑 + 음악

자바 스크립트의 배열 메소드에 대한이 기사의 다음은

팝 앤 푸시 방법

pop () 메서드는 스택처럼 배열 끝에서 요소를 제거합니다. 반면 push () 메서드는 배열 끝에 요소를 추가합니다.

이 메서드는 LIFO (Last-In-First-Out) 개념을 구현합니다.

[ 'Rock', 'Metal', 'Blues', 'Jazz'] list.pop () [ 'Rock', 'Metal', 'Blues']

코드는 배열의 마지막 요소, 즉 'Jazz'를 제거합니다.

push () 메서드는 요소를 배열에 다시 추가합니다.

[ 'Rock', 'Metal', 'Blues'] list.push ( 'Jazz') [ 'Rock', 'Metal', 'Blues', 'Jazz']

더 나아가 자

이동 및 이동 해제 방법

shift () 메서드는 배열의 시작 부분에서 요소를 제거합니다. 반면 unshift () 메서드는 배열의 시작 부분에 요소를 다시 추가합니다.

[ 'Rock', 'Metal', 'Blues', 'Jazz'] list.shift () [ 'Metal', 'Blues', 'Jazz']

이 코드는 배열에서 첫 번째 요소 즉 Rock을 제거합니다.

unshift () 메서드를 사용하면 'Rock'이 배열에 다시 추가됩니다.

[ 'Rock', 'Metal', 'Blues', 'Jazz'] list.unshift ( 'Rock') [ 'Rock”,“Metal', 'Blues', 'Jazz']

우리는 자바 스크립트 블로그에서이 배열 메소드의 마지막 부분에 있습니다.

접합 방법

splice () 메서드는 배열의 특정 부분 또는 선택 부분을 제거합니다. 배열에 요소를 제거, 교체 또는 추가하는 수완이 풍부한 방법임을 입증합니다.

[ 'Rock', 'Metal', 'Blues', 'Jazz'] list.splice (2, 1) // 인덱스 위치 2에서 시작하여 하나의 요소 제거 [ 'Rock', 'Metal', 'Jazz'] list .splice (2,2) // 인덱스 위치 2에서 시작하여 두 요소 제거 [ 'Rock', 'Metal']

위의 예에서 slice 메서드는 지정된 인덱스에 따라 요소를 제거합니다.

'Blues'는 인덱스 2에 배치되므로 첫 번째 예에서 제거됩니다.

두 번째 예에서는 색인이 색인 2에서 시작하여 2 개의 요소를 제거해야한다고 지정하므로 두 요소 즉, 'Blues'및 'Jazz'가 제거됩니다.

배열은 JavaScript에서 0으로 인덱싱된다는 점에 유의해야합니다.

슬라이스 방법

slice () 메서드는 초기 배열에서 요소를 슬라이스하고 해당 요소를 포함하는 새 배열을 반환합니다. slice () 메서드는 초기 배열에서 요소를 제거하지 않습니다.

var array = [ 'Rock', 'Pop', 'Jazz', 'Blues', 'Metal'] document.write ( 'array.slice (1, 2) :'+ array.slice (1, 2)) 문서 .쓰다(' 
array.slice (1, 3) : '+ array.slice (1, 3))

다음 코드의 출력은 다음과 같습니다.

array.slice (1, 2) : 팝

array.slice (1, 3) : 팝, 재즈

자바 스크립트에서이 배열 방법의 마지막 방법은 다음과 같습니다.

ForEach 메서드

이 메서드는 배열에있는 각 요소에 대한 함수를 호출합니다.

function funct () {// 초기 배열 const items = [2, 18, 28] const copy = [] items.forEach (function (item) {copy.push (item * item)}) document.write (copy)} funct ()

이 예에서는 배열에있는 모든 요소의 제곱을 계산합니다.

출력은 다음과 같습니다.

4,324,784

이것으로 우리는 'JavaScript의 배열 방법'에 대한이 블로그의 마지막에 왔습니다. 이 정보가 유익하고 도움이 되었기를 바랍니다. 유사한 주제에 대한 더 많은 자습서를 계속 지켜봐 주시기 바랍니다. 교육 프로그램을 확인할 수도 있습니다.o 다양한 응용 프로그램과 함께 jQuery에 대한 심층적 인 지식을 얻으면 연중 무휴 지원 및 평생 액세스가 가능한 라이브 온라인 교육.

질문이 있으십니까? 이 블로그의 댓글 섹션에서 언급하시면 다시 연락 드리겠습니다.