컬렉션을 사용하는 JavaScript 배열
- php中世界最好的语言원래의
- 2018-03-14 10:27:461952검색
이번에는 JavaScript에서 set를 사용한 배열과 JavaScript 배열 set을 사용할 때의 주의사항에 대해 알려드리겠습니다.
1.join() 배열의 모든 요소를 문자열로 변환하고 함께 결합합니다.
var a=[1,2,3,4]; a.join(); //"1,2,3,4"
2.reverser() 배열의 요소 순서를 반대로 바꾸고 배열을 역순으로 반환합니다.
var a[1,2,3,4]; a.reverse(); //[4,3,2,1]
3.sort() 배열의 요소를 정렬하고 정렬된 배열을 반환합니다.
인수 없이 sort()를 호출하면 배열 요소가 알파벳순으로 정렬됩니다.
var a=['ant','Bug','cat','Dog'];
a.sort(); //["Bug", "Dog", "ant", "cat"]
a.sort(function(s,t){
var s1=s.toLowerCase();
var t1=t.toLowerCase(); if(s1<t1) return -1; if(s1>t1) return 1; return 0});//["ant", "BUg", "cat", "Dog"]4.concat()는 concat()이 호출된 원래 배열의 요소와 concat()의 각 매개변수를 요소에 포함하는 새 배열을 생성하고 반환합니다. 이러한 인수 중 하나라도 배열인 경우 배열 자체가 아니라 배열 요소가 연결됩니다.
var a=[1,2,3];a.concat(4,5);// [1, 2, 3, 4, 5]a.concat([4,5]);// [1, 2, 3, 4, 5]a.concat([4,5],[6,7]);// [1, 2, 3, 4, 5, 6, 7]a.concat([4,5],[6,[8,7]]);// [1, 2, 3, 4, 5, 6,[8,7]]
5.slice()는 지정된 배열의 슬라이스 또는 하위 배열을 반환합니다. 두 매개변수는 각각 조각의 시작 위치와 끝 위치를 지정합니다. 반환된 배열에는 첫 번째 인수로 지정된 위치와 두 번째 인수로 지정된 위치까지의 모든 데이터 요소가 포함됩니다.
매개변수를 하나만 지정한 경우 반환된 배열에는 배열의 시작 위치부터 끝까지 모든 요소가 포함됩니다.
매개변수에 음수가 나타나면 배열의 마지막 요소를 기준으로 한 위치를 나타냅니다. 예를 들어 매개변수 -1은 마지막 요소를 지정하고 -3은 마지막에서 세 번째 요소를 지정합니다.
slice()는 호출 배열을 수정하지 않는다는 점에 유의하세요.
var a=[1,2,3,4,5];a.slice(0,2);//[1, 2]a.slice(3);//[4, 5]a.slice(1,-1);//[2, 3, 4]a.slice(-3,-2);//[3]
6.splice() 배열의 요소를 삽입하거나 삭제하는 일반적인 방법입니다. Slice() 및 concat()과 달리 splice()는 호출 배열을 수정합니다. 참고: splice()와 Slice()는 이름이 매우 비슷하지만 기능은 본질적으로 다릅니다.
splice()는 배열에서 요소를 삭제하거나 배열에 요소를 삽입하거나 두 작업을 동시에 수행할 수 있습니다. 삽입 또는 삭제 지점 이후의 배열 요소는 인덱스 값이 필요에 따라 증가하거나 감소하므로 나머지 배열은 연속된 상태로 유지됩니다. splice()의 첫 번째 매개변수는 삽입 및/또는 삭제의 시작 위치를 지정합니다. 두 번째 매개변수는 배열에서 삭제해야 하는 요소의 개수를 지정합니다. 두 번째 매개변수를 생략하면 배열의 시작점부터 끝까지 모든 요소가 삭제됩니다. splice()는 삭제된 요소의 배열을 반환하거나 삭제된 요소가 없으면 빈 배열을 반환합니다.
var a=[1,2,3,4,5,6,7,8];a.splice(4);//返回[[5, 6, 7, 8]],a是[1, 2, 3, 4]a.splice(1,2)//返回[2, 3]，a是[1, 4, 5, 6, 7, 8]a.splice(1,1);//返回[2],a是 [1, 3, 4, 5, 6, 7, 8]
7.push() 및 pop()
push()는 배열 끝에 하나 이상의 요소를 추가합니다.
pop()은 배열의 마지막 요소를 삭제합니다.
8.unshift() 및 Shift()
unshift()는 배열의 헤드에 하나 이상의 요소를 추가합니다.
shift()는 배열의 첫 번째 요소를 삭제합니다.
9.toString() 및 toLocaleString()
[1,2,3].toString();//"1,2,3"[1,[2,'c']].toString();//"1,2,c"
toLocaleString()은 toString() 메서드의 지역화된 버전입니다. 요소의 toLocaleString() 메서드를 호출하여 각 배열 요소를 문자열로 변환하고 현지화된 구분 기호를 사용하여 이러한 문자열을 연결하여 최종 문자열을 생성합니다.
10.forEach()는 배열을 처음부터 끝까지 순회하고 각 요소에 대해 지정된 함수를 호출합니다.
함수는 forEach()의 첫 번째 인수로 전달된 다음 forEach()는 배열 요소, 요소의 인덱스 및 배열 자체라는 세 가지 인수를 사용하여 함수를 호출합니다.
var data=[1,2,3,4,5];//计算数组元素的和值var sum=0;
data.forEach(function(value){
sum+=value
});
sum //15//每个数组元素的值加1data.forEach(function(value,index,arr){
arr[index]=value+1;
});
data //[2, 3, 4, 5, 6]11.map()은 호출된 배열의 각 요소를 지정된 함수에 전달하고 function의 반환 값이 포함된 배열을 반환합니다.
참고: mao()에 전달된 함수에는 반환 값이 있어야 합니다. map()은 새 배열을 반환하고 원래 배열을 수정하지 않습니다. 원래 배열이 희소 배열인 경우 반환된 희소 배열은 동일한 길이와 누락된 요소를 포함하는 동일한 방식입니다.
var a=[1,2,3];var b=a.map(function(value){return value*value;
});
b// [1, 4, 9]12 filter()는 조건을 충족하는 배열 요소를 반환합니다.
var a=[1,2,3,5];var b=a.filter(function(value){return value>2;
});
b // [3, 5]13.every() 및 some()
배열의 논리적 판단, 지정된 함수를 배열 요소에 적용하여 판단하고 true 또는 거짓.
every()는 배열의 모든 요소가 필터링 조건을 충족하고 true를 반환한다는 의미입니다.
some()은 배열에 필터링 조건을 충족하는 요소가 있으며
var a =[1,2,3,4,5];
a.every(function(value){return value<10;
}) //true a中所有元素都小于10a.every(function(value){return value%2===0;
});//false a中不是所有元素都是偶数a.some(function(value){return value%2===0;
})//true a中存在偶数reduce() 및 ReduceRight를 반환한다는 의미입니다. ()
지정된 함수를 사용하여 배열 요소를 결합하여 단일 값을 생성합니다.
reduce()에는 두 개의 매개변수가 필요합니다.
첫 번째는 단순화 작업을 수행하는 함수입니다. 단순화 함수의 임무는 두 값을 어떤 방식으로든 하나의 값으로 결합하거나 단순화하고 단순화된 값을 반환하는 것입니다. 두 번째(선택 사항) 매개변수는 함수에 전달되는 초기 값입니다.
reduceRight()는 배열 인덱스에 따라 배열을 높은 수준에서 낮은 수준(오른쪽에서 왼쪽)으로 처리한다는 점을 제외하면 축소()와 동일한 방식으로 사용됩니다.
var a=[1,2,3,4,5];var sum=a.reduce(function(x,y){return x+y;},0);
sum //15 数组求和var max=a.reduce(function(x,y){return x>y?x:y});
max // 5求最大值indexOf() 및 lastIndexOf()
indexOf()첫 번째 한정 값의 인덱스는 그렇지 않으면 -1을 반환합니다.
lastIndexOf()마지막 한정 값의 인덱스는 그렇지 않으면 -1을 반환합니다
믿습니다 이 기사의 사례를 읽은 후 방법을 익혔습니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!
추천 도서:
위 내용은 컬렉션을 사용하는 JavaScript 배열의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!