JavaScript 배열 유형 Array 관련 속성 및 방법 상세 정보

Array 배열 유형 상세 정보
ECMAScript에서 Object 형식을 제외하고 Array 배열은 가장 자주 사용하는 형식입니다.ECMAScript 수조는 모든 항목에 어떤 종류의 값을 저장할 수 있으며, 수조의 길이를 지정할 필요가 없고, 데이터의 증가에 따라 수조의 길이를 증가시킬 수 있다. 이것은 다른 언어의 수조와 다르다.
1. 배열 생성 방법
배열 글꼴 방식

var arr = [1,2,3,4,5];//  

수조 구조 함수

var arr = new Array(1,2,3,4,5);//  Array 

2. 검측 수조
instanceof 조작부호는 전역 환경에서 대상이 수조인지 아닌지를 측정할 수 있지만 페이지에 여러 개의 프레임워크가 존재할 때 두 가지 이상의 전역 환경이 존재한다. 이때 이런 방법은 문제가 있다.console.log(arr instanceof Array);//true
Array.isArray () 방법은 위의 문제를 해결하여 대상이 수조인지 신속하게 검사할 수 있습니다.console.log(Array.isArray(arr));//true
3. 변환 방법
toString() 메서드를 사용하여 배열을 문자열로 되돌릴 수 있습니다.

var arr = [1,2,3,4];
console.log(arr.toString()); // 1,2,3,4

toLocaleString() 메서드도 가능합니다.

var arr = [1,2,3,4];
console.log(arr.toLocaleString()); // 1,2,3,4

4. 창고 방법
ECMAScript는 수조에 다른 언어의 수조와 유사한 방법(창고 방법)을 제공했고 창고는 데이터 구조로 주로 선진적인 후출을 중시한다.

push() 방법은 수조 끝에 원소를 첨가한다(여러 가지를 추가할 수 있다)

pop() 방법은 마지막 항목을 끝으로 삭제합니다(한 번에 한 개만 삭제할 수 있습니다).

 var arr = [1,2,3,4];
 arr.push(5,6,7); //  5,6,7
 console.log(arr); // [1,2,3,4,5,6,7]
 arr.pop(); //  
 console.log(arr); // [1,2,3,4,5,6]

5. 대기열 방법
대기열 방법은 선진적인 선출을 중시하고 목록의 끝에 항목을 추가하며 처음에 항목을 삭제합니다.

push () 방법에서 끝에 하나 이상의 추가를 설명했습니다

shift() 메서드 시작 삭제

 var arr = [1,2,3,4];
 arr.push(5,6,7); //  5,6,7
 console.log(arr); // [1,2,3,4,5,6,7]
 arr.shift(); //  
 console.log(arr); // [2,3,4,5,6,7]

팝 () 방법은 마지막 항목을 삭제합니다

unshift () 방법은 시작에 하나 이상의 요소를 추가합니다.

var arr = [1,2,3,4];
arr.unshift(5,6,7); //  5,6,7
console.log(arr); // [1,2,3,4,5,6,7]
arr.pop(); //  
console.log(arr); // [5,6,7,1,2,3]

6. 순서재정리 방법
reverse () 반전 배열 변경 순서

var arr = [1,2,3,4,5];
arr.reverse();
console.log(arr); // [5,4,3,2,1]

sort () 방법은 문자열을 하나하나 비교하고 수치가 작은 것은 앞에서

var arr = [1,6,13,40,15];
arr.sort();
console.log(arr); // [1, 13, 15, 40, 6]

7. 조작 방법
concat () 방법은 현재 그룹을 기반으로 복사본을 만들고 뒤에 새 대상을 추가한 다음 새 그룹을 되돌려줍니다. concat () 방법은 원수 그룹에 영향을 주지 않습니다.

 var arr = [1,6,13,40,15];
 var arr2 = arr.concat(2,2,2);
 console.log(arr); // [1, 6, 13, 40, 15]
 console.log(arr2); // [1, 6, 13, 40, 15,2,2,2]

slice () 방법은 하나 또는 두 개의 매개 변수를 받아들일 수 있습니다. 첫 번째 매개 변수는 시작 위치를 표시하고, 두 번째 매개 변수는 끝 위치를 표시하며, slice () 방법은 시작 위치를 끝 위치로 되돌려주는 수조 slice () 방법은 원수 그룹에 영향을 주지 않습니다.

 var arr = [1,6,13,40,15];
 var arr2 = arr.slice(2);
 var arr3 = arr.slice(1,3);
 console.log(arr); // [1,6,13,40,15]
 console.log(arr2); // [13, 40, 15]
 console.log(arr3); // [6, 13]

splice () 방법, 이 방법은 내가 보기에 그룹 내에서 가장 강력한 방법이다!그는 세 개의 매개 변수, 첫 번째 매개 변수의 시작 위치, 두 번째 매개 변수가 삭제할 항목, 세 번째 매개 변수가 추가되거나 교체될 대상을 전송할 수 있다.splice () 방법을 이용하여 수조를 삭제하고 추가하고 교체하는 등 splice () 방법을 조작하면 원수조에 영향을 줄 수 있다.

var arr = [1,2,3,4,5];//  
var arr2 = arr.splice(1,3); //  1 3 
console.log(arr); // [1,5]  
console.log(arr2); // [2,3,4]  

var arr = [1,2,3,4,5]; //  
var arr2 = arr.splice(1,0,2,2);//  1 2,2 
console.log(arr); // [1,2,2,2,3,4,5]
console.log(arr2); // []  

var arr = [1,2,3,4,5]; //  
var arr2 = arr.splice(1,2,2,2); //  1 2,2
console.log(arr); // [1,2,2,4,5]
console.log(arr2); // [2,3]  

8. 위치 방법
그룹 위치 찾기 방법은 두 가지가 있습니다. index Of () 와last Index Of () 방법은 두 개의 인자를 수신할 수 있습니다. 찾을 항목과 (선택 사항) 검색 시작 항목의 위치를 인덱스할 수 있습니다.index Of () 는 뒤로 이동하고 last Index Of () 는 뒤로 이동합니다.

 var arr = [1,2,3,4,5];
 console.log(arr.indexOf(2)); //1  
 console.log(arr.indexOf(2,3)); //-1  3 ， 2 -1
 console.log(arr.lastIndexOf(2,3)); //1  3 

9. 교체 방법
ECMAScript5는 수조에 다섯 가지 교체 방법을 제공합니다. 모든 방법에는 두 개의 매개 변수가 있습니다. 모든 항목에서 실행할 함수와 (선택 가능) 이 함수를 실행할 역할역 대상인this의 값에 영향을 줍니다.이 방법을 전송하는 함수는 세 개의 인삼 (item, index,array) 을 받아들인다. 수조 항목의 값, 수조 대상이 수조에 있는 위치, 수조 대상 자체이다.
every () 가 함수를 지정한 후, 이 함수가 모든 항목에true를 되돌려주면true를 되돌려줍니다.

var arr = [1,2,3,4,5];
var arr2 = arr.every(function(item,index,array){
  return item > 3;
});
console.log(arr2); // false  

filter () 가 함수를 지정한 후true 항목으로 구성된 그룹을 되돌려줍니다.

 var arr = [1,2,3,4,5];
 var arr2 = arr.filter(function(item,index,array){
  return item > 3;
 });
 console.log(arr2); // 4,5  4,5 

forEach () 가 함수를 지정한 후에 이 방법은 반환 값이 없습니다.본질적으로 for 순환과 같다

var arr = [1,2,3,4,5];
arr.forEach(function(item,index,array){
  console.log(item); // 1,2,3,4,5
});
console.log(arr); // [1,2,3,4,5]  

맵 () 은 함수를 지정한 후 매번 함수가 호출된 결과로 구성된 그룹을 되돌려줍니다.

var arr = [1,2,3,4,5];
var arr2 = arr.map(function(item,index,array){
  return item * 2;
});
console.log(arr2); // [2,4,6,8,10] 

some () 함수를 지정한 후, 이 함수 중 하나가true로 되돌아오면true로 되돌아옵니다.

 var arr = [1,2,3,4,5];
 var arr2 = arr.some(function(item,index,array){
   return item > 4;
 });
 console.log(arr2); // true 5>4 true

10. 축소 방법
ECMAScript5에는 reduce () 와 reduceRight () 라는 두 개의 축소 방법이 추가되었습니다.이 두 가지 방법은 모두 그룹의 모든 항목을 교체할 것이다. Reduce () 는 첫 번째 항목에서 마지막 항목으로 교체되고, Reduce Right () 는 상반된다.이 두 가지 방법은 두 개의 매개 변수를 받아들일 수 있으며, 실행할 함수와 (선택 사항) 을 축소의 기초로 하는 초기 값으로 할 수 있다.실행 함수는 네 개의 매개 변수 (prev,cur,index,array) 를 전달할 수 있습니다. 이전 값, 현재 값, 그룹 대상 인덱스, 그룹 대상 자체입니다.

var arr = [1,2,3,4,5];
var arr2 = arr.reduce(function(prev,cur,index,array){
  return prev * cur;
});
console.log(arr2); // 120  

총결산
JavaScript 그룹 유형 Array와 관련된 속성과 방법에 대한 이 글을 소개합니다. js 그룹 Array와 관련된 속성과 방법에 대한 내용은 이전의 글을 검색하거나 아래의 관련 글을 계속 훑어보십시오. 앞으로 많은 응원 부탁드립니다!