JavaScript - 네 이 티 브 어 레이 대상 방법 상세 설명

1、join() join() 방법 은 배열 의 모든 요 소 를 문자열 로 변환 하 는 데 사용 된다.원 소 는 지정 한 구분자 로 구 분 됩 니 다.arrayObject.join(separator) 매개 변 수 는 구분자 로 선택 할 수 있 습 니 다.인 자 를 전달 하지 않 으 면 기본 쉼표 입 니 다.반환 값 은 문자열 이지 배열 이 아 닙 니 다.주의: 이 방법 은 원래 의 배열 을 바 꾸 지 않 습 니 다.

var arr = [1, 2, 3, 4, 7, 9, 6];
arr.join(); // "1,2,3,4,7,9,6"
arr.join(" "); // "1 2 3 4 7 9 6"
arr.join(""); //"1234796"
var a = new Array(10); //   10    
a.join("*"); //"*********";9 *        

join() 방법 은 String.split() 방법의 역방향 조작 이 고 후 자 는 문자열 을 여러 조각 으로 나 누 어 배열 을 만 드 는 것 이다.
2、sort() sort() 방법 은 배열 의 요 소 를 정렬 하고 정렬 된 배열 을 되 돌려 주 는 데 사용 된다.메모: 이 방법 은 원래 의 배열 을 바 꿉 니 다.

매개 변수 가 호출 되 지 않 을 때 배열 요 소 는 알파벳 에 따라 정렬 합 니 다 (필요 할 때 임시로 문자열 로 변환 합 니 다).

//       
var a = [1, 2, 3, 4, 7, 9, 6];
a.sort() //[1, 2, 3, 4, 6, 7, 9];

//       
var b = [33, 222, 4, 1111, 5555];
b.sort() //[1111, 222, 33, 4, 5555]

//       
var c = ['c', 'ab', 'cd', 'a', 'f'];
c.sort() //["a", "ab", "c", "cd", "f"]

//       ，    ，    ，    
var d = ['a', 'Ah', 'D', 'bcc'];
d.sort() //["Ah", "D", "a", "bcc"]

//     ''  ，          
var e = ['a', 'Ah', 'D', 'bcc', '', ''];
e.sort() //["", "", "Ah", "D", "a", "bcc"]

//      undefined  ，          

알파벳 이 아 닌 다른 방식 으로 배열 순 서 를 매기 기 위해 반드시 sort() 에 비교 함 수 를 매개 변수 로 전달 해 야 한다.이 함 수 는 두 개의 매개 변수 가 배열 에서 정렬 되 는 것 을 결정 합 니 다.음 수 를 되 돌려 줍 니 다. 첫 번 째 매개 변 수 는 앞 에 있 습 니 다.반대로 정 수 를 되 돌려 주 고 첫 번 째 매개 변 수 는 뒤에 있 습 니 다.0 으로 돌아 가면 정렬 은 중요 하지 않다 는 것 이다.

var b = [33, 222, 4, 1111, 5555];
b.sort() //[1111, 222, 33, 4, 5555];      
b.sort(function(a, b) {
    return a - b;
}); //[4, 33, 222, 1111, 5555];      

var d = ['a', 'Ah', 'D', 'bcc'];
d.sort() //["Ah", "D", "a", "bcc"]       
d.sort(function(f, g) {
    var x = f.toLowerCase(); //      
    var y = g.toLowerCase(); //      
    if (x < y) return -1;
    if (x > y) return 1;
}); //["a", "Ah", "bcc", "D"]       

여기 서 익명 함수 표현 식 을 사용 하 는 것 이 매우 편리 합 니 다.함수 가 한 번 만 사용 하 는 이상 이름 을 붙 일 필요 가 없다.
3、reverse()
everse () 방법 은 배열 의 요소 순 서 를 뒤 바 꾸 고 역순 의 배열 로 돌아 가 는 데 사 용 됩 니 다.메모: 이 방법 은 원래 의 배열 을 바 꿉 니 다.
reverse () 는 sort () 의 역순 판 입 니 다. reverse () 의 상세 한 정렬 행 위 는 위의 sort () 방법 에 대한 설명 을 참조 하 십시오.

var b = [33, 222, 4, 1111, 5555];
b.sort(); //[1111, 222, 33, 4, 5555]    
b.reverse(); //[5555, 1111, 4, 222, 33]    

4、push()
push () 방법 은 배열 의 끝 에 하나 이상 의 요 소 를 추가 하고 새로운 길 이 를 되 돌려 줍 니 다. 즉, 요 소 를 추가 한 배열 의 길이 입 니 다.메모: 이 방법 은 원래 의 배열 을 바 꿉 니 다.
arrayObject.push(newelement1, newelement2, …., newelementX)
push () 방법 은 최소한 하나의 인자 가 있어 야 합 니 다.push () 방법 은 array Object 의 끝 에 인자 순 서 를 추가 할 수 있 습 니 다.push () 방법 과 pop () 방법 은 배열 이 제공 하 는 선진 적 인 후 스 택 기능 을 사용 합 니 다.
메모: push () 방법의 매개 변 수 는 어떤 유형 (배열, 대상 등) 이 든 하나의 매개 변 수 는 하나의 전체 요소 로 array Object 의 꼬리 부분 에 삽입 되 고 분리 되 지 않 습 니 다. 상세 한 예 시 를 참조 하 십시오.

var a = ["a","b"];

var b = {
  name: "Tom"
};

var c = [1,2,3];

console.log(a); // ["a", "b"]
console.log(a.push(b)); //3
console.log(a);
/*["a", "b", [object Object] {
  name: "Tom"
}]*/
console.log(a.push(c));
console.log(a); //4
/*["a", "b", [object Object] {
  name: "Tom"
}, [1, 2, 3]]*/

5、pop()
pop () 방법 은 배열 의 마지막 요 소 를 삭제 하고 되 돌려 주 는 데 사 용 됩 니 다.메모: 이 방법 은 원래 의 배열 을 바 꿉 니 다.
pop () 방법 은 배열 (배열 의 마지막 요 소 를 삭제 하고 배열 의 길 이 를 1 로 줄 입 니 다) 을 바 꾸 고 삭 제 된 요소 의 값 을 되 돌려 줍 니 다.배열 이 비어 있 으 면 pop () 은 배열 을 바 꾸 지 않 고 undefined 값 을 되 돌려 줍 니 다.

var arr = ["George", "John", "Thomas"];
console.log(arr.pop());  // "Thomas"
console.log(arr);  / /["George", "John"];
console.log(arr.pop()); //"John"
console.log(arr); // ["George"]
console.log(arr.pop()); //"George"
console.log(arr); //[]
console.log(arr.pop()); //undefined
console.log(arr); //[]

6、unshift()
unshift () 방법 은 배열 의 시작 에 하나 이상 의 요 소 를 추가 하고 새로운 길 이 를 되 돌려 줍 니 다.메모: 이 방법 은 원래 의 배열 을 바 꿉 니 다.arrayObject.unshift(newelement1, newelement2, …., newelementX)
인자 newelement1……X 는 적어도 하나 있어 야 한다.unshift() 방법 은 그 매개 변 수 를 arrayObject 의 머리 에 삽입 하고 이미 존재 하 는 요 소 를 비교적 높 은 아래 표 시 된 곳 으로 순서대로 옮 겨 공간 을 남 길 수 있 도록 한다.이 방법의 첫 번 째 매개 변 수 는 배열 의 새로운 요소 0 이 될 것 이 며, 두 번 째 매개 변수 가 있다 면 새로운 요소 1 이 될 것 이다.
IE6 와 IE7 에서 unshift () 는 underfined 로 돌아 갑 니 다!

var arr = ["George", "John", "Thomas"];
console.log(arr.unshift("William")); //4
console.log(arr.unshift("Tom", "Jerry")); //6
console.log(arr); //["Tom", "Jerry", "William", "George", "John", "Thomas"]

7、shift()
shift () 방법 은 배열 의 첫 번 째 요 소 를 삭제 하고 첫 번 째 요소 의 값 을 되 돌려 주 는 데 사 용 됩 니 다.배열 이 비어 있 으 면 shift () 방법 은 아무런 조작 도 하지 않 고 undefined 값 을 되 돌려 줍 니 다.메모: 이 방법 은 원래 의 배열 을 바 꿉 니 다.

var arr = ["George", "John", "Thomas"];
console.log(arr.shift()); //"George"
console.log(arr); //["John", "Thomas"]
console.log(arr.shift()); //"John"
console.log(arr); //["Thomas"]
console.log(arr.shift()); //"Thomas"
console.log(arr); //[]
console.log(arr.shift()); //undefined

8、contact()
concat () 방법 은 두 개 이상 의 배열 을 연결 하 는 데 사용 된다.이 방법 은 기 존의 배열 을 바 꾸 지 않 고 연 결 된 배열 의 사본 만 되 돌려 줍 니 다.
주의: 매개 변 수 는 필수 입 니 다.구체 적 인 값 일 수도 있 고 배열 대상 일 수도 있 으 며 여러 개 일 수도 있다.매개 변수 가 요소 라면 요 소 를 맞 춥 니 다.매개 변수 가 배열 이 라면 배열 의 요 소 를 연결 하 는 것 은 배열 자체 가 아 닙 니 다.

var a = [1,2,3];
var b = a.concat(4,5);
var c = a.concat(4,5,[6,7],8,"123");

console.log(a);  //[1, 2, 3]
console.log(b);  //[1, 2, 3, 4, 5]
console.log(c);  //[1, 2, 3, 4, 5, 6, 7, 8, "123"]

9、slice() slice() 방법 은 기 존 배열 에서 선택 한 요소, 한 세 션 또는 한 개의 키 배열 을 되 돌려 줍 니 다.이 방법 은 배열 을 수정 하지 않 습 니 다. 방법 은 start 에서 end 까지 의 array Object 요 소 를 포함 하 는 새로운 배열 을 되 돌려 줍 니 다.arrayObject.slice(start, end) 매개 변 수 는 start 가 필요 합 니 다. 규정 은 어디서부터 선택 하 는 지, 마이너스 라면 배열 의 끝부분 부터 계산 하 는 위 치 를 규정 합 니 다.즉, - 1 은 마지막 원 소 를 가리 키 고 - 2 는 마지막 두 번 째 원 소 를 가리 키 며 이 를 유추 한다.
매개 변수 end 는 선택 할 수 있 습 니 다. 어디서 선택 을 끝 낼 지 규정 합 니 다. 이 매개 변 수 는 배열 세 션 끝 에 있 는 배열 아래 표 시 됩 니 다.이 인자 가 지정 되 지 않 았 다 면, 절 분 된 배열 은 start 에서 배열 로 끝 나 는 모든 요 소 를 포함 합 니 다.만약 이 매개 변수 가 음수 라면, 그것 은 배열 의 끝부분 부터 계산 하 는 요 소 를 규정 한다.
slice () 를 사용 할 때 매개 변수 start 가 배열 의 출발점 을 초과 하면 배열 의 머리 부터 시작 합 니 다.매개 변수 end 가 배열 의 끝 을 초과 하면 배열 의 끝 에서 끝 납 니 다.start 와 end 의 범위 가 배열 에 없 거나 end 가 start 보다 작 으 면 빈 배열 로 돌아 갑 니 다.start 와 end 가 숫자 가 아니라면 변환 이 실 패 했 을 때 start 기본 값 은 0 이 고 end 기본 값 은 0 입 니 다.상세 한 예 시 를 보십시오.

var arr = ["George", "John", "Thomas", "James", "Adrew", "Martin"];
console.log(arr.slice(2,4));      //["Thomas", "James"]
console.log(arr.slice(-3,4));     //["James"]
console.log(arr.slice(-10,4));    //["George", "John", "Thomas", "James"]
console.log(arr.slice(-10,-4));   //["George", "John"]
console.log(arr.slice(4,3));      //[]
console.log(arr.slice(-20,-10));  //[]
console.log(arr.slice("2","4"));  //["Thomas", "James"]
console.log(arr.slice("a","4"));  //["George", "John", "Thomas", "James"]
console.log(arr.slice("a","b"));  //[]
console.log(arr.slice("2a","4a"));//[]
console.log(arr.slice("",""));    //[]

10、splice() splice() 방법 은 배열 의 요 소 를 삽입, 삭제 또는 교체 하 는 데 사용 된다.메모: splice () 는 원 배열 을 직접 수정 합 니 다.arrayObject.splice(index, howmany, element1, ….., elementX) 매개 변수 index 가 필요 합 니 다.요 소 를 어디 에 추가 / 삭제 할 지 규정 합 니 다. 이 매개 변 수 는 삽입 과 (또는) 삭 제 된 배열 요소 의 아래 표 시 됩 니 다. 숫자 여야 합 니 다.
인자 howmany 가 필요 합 니 다.얼마나 많은 요 소 를 삭제 해 야 하 는 지 규정 하 다.숫자 여야 하지만 '0' 일 수 있 습 니 다. 이 매개 변 수 를 규정 하지 않 으 면 index 부터 원래 배열 의 끝 에 있 는 모든 요 소 를 삭제 합 니 다.
인자 element 1... element X 는 선택 할 수 있 습 니 다. 배열 에 추가 할 새로운 요 소 를 규정 하고 index 가 가리 키 는 아래 표지 판 부터 삽입 합 니 다.
splice () 방법 은 index 에서 시작 하 는 0 개 이상 의 요 소 를 삭제 할 수 있 으 며, 삭 제 된 요 소 를 매개 변수 목록 에서 설명 하 는 하나 이상 의 값 으로 대체 할 수 있 습 니 다. array Object 에서 요 소 를 삭제 하면 삭 제 된 요 소 를 포함 하 는 배열 을 되 돌려 줍 니 다.
slice () 와 splice () 의 차 이 를 주의 하 십시오.slice 。
인자 index 가 숫자 가 아니라면 자동 으로 전환 되 는 것 을 주의 하 십시오. 자세 한 내용 은 예제 참조:

var arr = ["George", "John", "Thomas", "James", "Adrew", "Martin"]
console.log(arr.splice(2, 1)); //["Thomas"]
console.log(arr); //["George", "John", "James", "Adrew", "Martin"]
console.log(arr.splice(2, 2, "William")); //["James", "Adrew"]
console.log(arr); //["George", "John", "William", "Martin"]
console.log(arr.splice(2, 1, "Tom", "Jerry")); //["William"]
console.log(arr); //["George", "John", "Tom", "Jerry", "Martin"]
console.log(arr.splice(2)); //["Tom", "Jerry", "Martin"]
console.log(arr); //["George", "John"]
console.log(arr.splice("2")); //[]
console.log(arr); //["George", "John"]
console.log(arr.splice("a")); //["George", "John"]
console.log(arr); //[]

11. toString () 과 toLocaleString ()splice 방법 은 배열 을 문자열 로 변환 하고 결 과 를 되 돌려 줍 니 다. Array. toString () 은 Array. join () 에 해당 합 니 다. 반환 값 은 인자 가 없 는 join () 방법 으로 되 돌아 오 는 문자열 과 같 습 니 다. Array.splice() 배열 을 로 컬 문자열 로 변환 합 니 다. 반환 값 toString() 의 로 컬 문자열 을 표시 합 니 다.
원래 배열 을 바 꾸 는 방법: toLocaleString()원래 배열 을 바 꾸 지 않 는 방법: Array메모: JavaScript 에 서 는 Array 와 Object 를 구별 할 수 있 는 좋 은 메커니즘 이 없습니다. 일반적으로 아래 의 방법 으로 배열 을 식별 할 수 있 습 니 다.

var isArray = function(value){
  return Object.prototype.toString.apply(value) === '[object Array]';
}

pop()、push()、reverse()、shift()、sort()、splice()、unshift() 모든 변 수 는 이러한 문자열 concat()、join()、slice()、toString()、toLocaleString() 을 영원히 되 돌려 줍 니 다. 이 Object.prototype.toString 은 “[object, class]” 내 장 된 대상 의 구조 함수 이름 입 니 다. 사용자 정의 변 수 는 class 와 object 입 니 다. 따라서 class 을 통 해 변수 데이터 형식 을 정확하게 얻 을 수 있 습 니 다. JavaScript 을 통 해 얻 을 수 있 는 데이터 형식 은 다음 과 같 습 니 다. Object.prototype.toString.apply(obj) 등 입 니 다.
ECMAScript 는 9 개의 새로운 배열 방법 을 정 의 했 습 니 다. 다시 쓸 기회 가 있 습 니 다!
이상 의 내용 참고: [Feeldesign Studio] (http://www.feeldesignstudio.com/) 자 바스 크 립 트 의 권위 있 는 안내서
시청 해 주 셔 서 감사합니다.