> 웹 프론트엔드 > JS 튜토리얼 > javascript Array object_javascript 기술의 기본 지식 요약

javascript Array object_javascript 기술의 기본 지식 요약

WBOY
풀어 주다: 2016-05-16 18:16:27
원래의
1150명이 탐색했습니다.

Array 객체에 대한 나의 아이디어 요약은 다음과 같습니다: 5가지 메소드, 3가지 이동, 12가지 공식

1. 5번째 메소드 선언: 1차원 배열에 대해서만 물론 2차원 배열도 있습니다. 3차원 배열이므로 여기서는 설명하지 않겠습니다.

var a = new Array;
var a = new Array(10);//Array 객체를 생성하고 항목 수를 지정합니다. 배열에서
var a = new Array("red","blue ","green")
var a = ["red"," blue"," green"]; >

2. 속성 3 트릭: 생성자, 길이, 프로토타입

생성자는 객체를 생성하는 함수를 나타냅니다. 생성자 속성은 프로토타입이 있는 모든 객체의 멤버입니다. 여기에는 Global 및 Math 개체를 제외한 모든 JScript 기본 개체가 포함됩니다. 생성자 속성은 특정 객체 인스턴스를 생성하는 함수에 대한 참조를 보유합니다. 예:


코드 복사
코드는 다음과 같습니다. x = new String(" Hi"); if (x.constructor == String) // 처리(조건이 true).
또는
function MyFunc {
// 함수 본문.
}
y = new MyFunc;
if (y.constructor == MyFunc)
// 프로세스(조건이 true).


길이는 배열의 길이와 항목 수를 나타냅니다. 여기에는 예를 쓰지 않겠습니다.
prototype은 객체 유형의 프로토타입에 대한 참조를 반환합니다. 프로토타입 속성을 사용하여 객체 클래스에 대한 기본 기능 세트를 제공합니다. 객체의 새로운 인스턴스는 객체의 프로토타입에 할당된 작업을 "상속"합니다.
예를 들어 배열에서 가장 큰 요소의 값을 반환하는 메서드를 Array 객체에 추가합니다. 이를 수행하려면 함수를 선언하고 Array.prototype에 추가한 후 사용하세요.



코드 복사
코드는 다음과 같습니다. function array_max( ){ var i, max = this[0]; for (i = 1; i {
if(max < this[i])
max = this [i] ;
}
return max;
}
Array.prototype.max = array_max;
var x = new Array(1, 2, 3, 4, 5, 6) ;
var y = x.max( );


이 코드가 실행된 후 y는 배열 x 또는 6에 최대값을 저장합니다.

3. concat 메소드 | pop 메소드 | unshift 메소드 | splice 메소드 | toString 메소드 🎜>

코드 복사
코드는 다음과 같습니다.

//1.concat(): 두 개 이상의 배열을 조합한 새 배열을 반환합니다.
var a1 = [1,2,3,4];
var a2 = a1.concat("5",'6')
alert(a2); ,3,4,5,6
//2.join(): 지정된 구분 기호로 구분된 요소와 함께 연결된 배열의 모든 요소를 ​​포함하는 문자열 값을 반환합니다.
var a1 = [1,2,3,4];
var a2 = a1.join()
var a3 = a1.join(","); .join("|");
alert(a2); //결과: 1,2,3,4
alert(a3) //결과: 1,2,3,4
alert (a4); //결과: 1|2|3|4
//3.pop(): 배열의 마지막 요소를 제거하고 해당 요소를 반환합니다. 배열이 비어 있으면 정의되지 않은 값이 반환됩니다.
var a1 = [1,2,3,4];
var item = a1.pop()
alert(item); //결과: 4
alert(a1);/ /결과: 1,2,3
//4.push(): 배열에 새 요소를 추가(추가)하고 배열의 새 길이 값을 반환합니다. push 메소드는 나타나는 순서대로 새 요소를 추가합니다. 인수 중 하나가 배열인 경우 배열은 단일 요소로 배열에 추가됩니다. 두 개 이상의 배열 요소를 결합하려면 concat 메서드를 사용하세요.
var a1 = [1,2,3,4];
a1.push(5)
a1.push("6");
alert(a1);//결과: 1,2,3,4,5,6
//5.reverse(): 요소 순서가 반대인 배열 객체를 반환합니다.
var a1 = [1,2,3,4];
a1.reverse()
alert(a1);//결과: 4,3,2,1
//6 .shift(): 배열의 첫 번째 요소를 제거하고 해당 요소를 반환합니다.
var a1 = [1,2,3,4];
a1.shift();
alert(a1);//결과: 2,3,4
//7.unshift (): 지정된 요소를 배열의 시작 부분에 삽입하고 배열을 반환합니다.
var a1 = [1,2,3,4];
a1.unshift(5)
alert(a1);//결과: 5,1,2,3,4
//8.slice(): 배열의 세그먼트를 반환합니다. a1.slice(start, [end]), 슬라이스 메소드는 end로 지정된 요소까지 복사하지만 포함하지는 않습니다. start가 음수이면 length start로 처리됩니다. 여기서 length는 배열의 길이입니다. end가 음수이면 length end로 처리됩니다. 여기서 length는 배열의 길이입니다. end가 생략되면 슬라이스 메서드는 arrayObj의 끝까지 복사됩니다. start 앞에 end가 나타나면 새 배열에 요소가 복사되지 않습니다.
var a1 = [1,2,3,4];
var a2 = a1.slice(-1)
var a3 = a1.slice(0,-1); a4 = a1.slice(1);
alert(a2);//결과: 4
alert(a3);//결과: 1,2,3
alert(a4);//결과 :2,3,4
//9.splice(): 배열에서 하나 이상의 요소를 제거하고, 필요한 경우 제거된 요소 위치에 새 요소를 삽입하고 제거된 요소를 반환합니다.
//arrayObj.splice(start, deleteCount, [item1[, item2[, . . . [,itemN]]]])
var a1 = [1,2,3,4]
var a2 = a1.splice(1,0);
var a3 = a1.splice(1,1);
var a4 = a1.splice(1,1,"5"); (a2);//결과:
alert(a3);//결과: 2
alert(a1);//결과: 1,5,4
//10.sort(): 반환 요소가 정렬된 Array 객체입니다.
var a1 = [2,3,1,4,"b","a"];
var a2 = a1.sort()
alert(a2);//결과: 1, 2,3,4,a,b
//11.toString(): 객체의 문자열 표현을 반환합니다.
var a1 = [1,2,3,4,"b","a"];
var a2 = a1.toString()
alert(a2);//결과: 1, 2,3,4,b,a
//12.valueOf(): 지정된 객체의 원래 값을 반환합니다.
var a1 = [1,2,3,4,"b","a"];
var a2 = a1.valueOf()
alert(a2);//결과: 1, 2,3,4,b,a



indexOf 확장자:


코드 복사 코드는 다음과 같습니다. if (!Array.prototype.indexOf) Array.prototype.indexOf = function(item, i) {
i || );
var length = this.length;
if (i < 0) i = 길이 i
for (; i < length; i )
if (this[i] = == 항목 ) return i;
return -1;
function testIndexOf()
{
alert (a. indexOf(3))
}
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿