JavaScript 배열 방법 요약

韦小宝
풀어 주다: 2018-03-14 18:23:04
원래의
1190명이 탐색했습니다.

이 문서에서는 JavaScript 배열의 메서드에 대해 설명합니다. JavaScript 배열의 메서드를 모르거나 JavaScript 배열의 메서드에 관심이 있다면 이 문서를 살펴보겠습니다. 요점을 말하자면!

Test array arr = [2, 0, 1, 6];
다음 방법은 서로의 arr 테스트에 영향을 미치지 않습니다.

shift()
배열의 첫 번째 요소를 삭제하고 반환합니다.

console.log(arr.shift());           //2
console.log(arr);                   //[1,0,6]
로그인 후 복사

pop()
배열의 마지막 요소를 제거하고 반환합니다.

console.log(arr.pop());             //6
console.log(arr);                   //[2,0,1]
로그인 후 복사

unshift(arg1, arg2,…)
배열의 시작 부분에 하나 이상의 요소를 추가하고 새 길이를 반환합니다.
원본 배열을 직접 수정하고, 첨자 0에 추가할 값을 삽입하고, 기존 요소를 순서대로 상위 첨자로 이동합니다.

console.log(arr.unshift(9,3,4));    //7
console.log(arr);                   //[9,5,4,2,0,1,6]
로그인 후 복사

push (arg1, arg2,...)
하나 이상의 추가 요소를 배열 끝에 추가하고 새 길이를 반환합니다.
배열을 직접 수정

console.log(arr.push(9,5,4));       //7
console.log(arr);                   //[2,0,1,6,9,5,4]
로그인 후 복사

concat(arr1, arr2,…)
두 개 이상의 배열을 연결합니다.
연결된 배열의 복사본을 반환하고 원래 배열은 변경되지 않은 상태로 유지됩니다.

var c = [2,0];
var d = [1,5]
console.log(arr.concat(c, d));      //[2,0,1,6,2,0,1,5]
console.log(arr);                   //[2,0,1,6]
로그인 후 복사

join(str)
배열 요소를 str로 연결하여 형성된 문자열을 반환합니다.

console.log(arr.join(''));          //2016
console.log(arr);                   //[2,0,1,6]
//省略参数
console.log(arr.join());            //2,0,1,6
로그인 후 복사

reverse()
Reverse 배열의 요소 순서, 배열 구조가 변경되고 배열을 반환합니다.

console.log(arr.reverse());         //[6,1,0,2]
console.log(arr);                   //[6,1,0,2]
로그인 후 복사

slice(start, end[이 요소를 포함하지 않음])
start, end에 의해 선택된 배열을 반환
음수는 꼬리부터 시작한다는 의미입니다. 요소 선택

console.log(arr.slice(1));          //[0,1,6]
console.log(arr);                   //[2,0,1,6]

console.log(arr.slice(0));          //[2,0,1,6]
console.log(arr.slice(-4));         //[2,0,1,6]
console.log(arr.slice(1,3));        //[0,1]
console.log(arr.slice(1,-1));       //[0,1]
console.log(arr.slice(-3,-1));      //[0,1]
console.log(arr.slice(-3,3));       //[0,1]
로그인 후 복사

splice(index, deleteNum, arg1, arg2,...)
그리고 이 방법은 가장 포괄적인 배열 방법이라고 할 수 있습니다. 배열 요소를 추가, 수정, 삭제할 수 있습니다
index: 작업(추가, 삭제) 시작 위치, 필수
delete: 삭제 횟수, 0은 삭제하지 않음을 의미, 필수
arg: 추가된 요소(1개 이상), 선택 사항(삭제용, 수정)
반환값 : 삭제 연산은 삭제된 요소들로 구성된 배열을 반환하고, 다른 연산은 빈 배열을 반환합니다. valueOf() 메서드는 Array 객체의 원래 값을 반환합니다. 이 기본 값은 Array 객체에서 파생된 모든

객체에 상속

됩니다. valueOf() 메서드는 일반적으로 JavaScript에 의해 백그라운드에서 자동으로 호출되며 코드에 명시적으로 표시되지 않습니다.

//添加,向位置1添加数值1
console.log(arr.splice(1,0,1));     //[]
console.log(arr);                   //[2,1,0,1,6]

console.log(arr.splice(1,0,3,8));   //[]
console.log(arr);                   //[2,3,8,1,0,1,6]

//删除,从位置2开始删除2个数值
console.log(arr.splice(2,2));       //[8,1]
console.log(arr);                   //[2,3,0,1,6]

//修改,将位置1的数值改为9
console.log(arr.splice(1,1,9));     //[3]
console.log(arr);                   //[2,9,0,1,6]
로그인 후 복사
toString()
배열을 문자열로 변환하고 결과를 반환합니다
console.log(arr.valueOf());         //[2,0,1,6]
console.log(arr);                   //[2,0,1,6]
로그인 후 복사

toLocaleString()

배열을 로컬 문자열로 변환합니다.

console.log(arr.toString());        //2,0,1,6
console.log(typeof arr.toString()); //string
console.log(arr);                   //[2,0,1,6]
로그인 후 복사

sort()

매개변수가 없으면 배열의 요소가 알파벳순으로 정렬됩니다.정렬된 배열을 반환합니다.

console.log(arr.toLocaleString());  //2,0,1,6
console.log(arr);                   //[2,0,1,6]
//特定用法
var date = new Date();
console.log(date);                  //Thu Feb 04 2016 19:51:01 GMT+0800 (中国标准时间)
console.log(date.toLocaleString()); //2016/2/4 下午7:51:01
로그인 후 복사

정렬 방법은 위에서 문자열 정렬만 수행했는데 왜 숫자는 어떻습니까? ? 이전에 디지털 정렬을 사용해 본 적이 있을 수도 있지만 괜찮습니다. 그런 정렬에는 가끔 문제가 발생합니다. 아래에 좋은 방법이 있으니 꼭 배워보시기 바랍니다~

var c = ['c','d','a'];
console.log(c.sort());          //['a','c','d']
console.log(c);                 //['a','c','d']
로그인 후 복사

여기까지 입니다. 기사 내용을 모두 이해하지 못하더라도 양면을 이해한다면 혼자서도 쉽게 마스터할 수 있습니다! 관련 권장 사항:

js 배열 메서드 확장으로 배열 통계 함수 구현



Javascript 배열 및 문자열의 일반적인 사용법JavaScript 배열-문자열-수학 함수

위 내용은 JavaScript 배열 방법 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!