자 바스 크 립 트 로 웹 개발 진행

js 를 사용 한 지 오래 되 었 지만 js 의 배열 형식 을 깊이 연구 한 적 이 없다.가끔 사용 하면 간단 한 string. split (char) 입 니 다.그 동안 한 프로젝트 는 배열 에 사용 되 는 곳 이 많 았 습 니 다. js 고수 라 고 생각 하 는 자신 이 손 을 쓸 수가 없 었 습 니 다. 독 하 게 배 웠 습 니 다!하하.배 운 후에 야 js 배열 의 기능 이 매우 강하 고 VB, C \ # 보다 훨씬 강하 다 는 것 을 알 게 되 었 습 니 다. 여러분 천천히 보 세 요.
1. 배열 의 생 성
/ / 배열 만 들 기
var arrayObj = new Array([size]);/ / 배열 을 만 들 고 길 이 를 지정 합 니 다. 상한 선 이 아니 라 길이 입 니 다.
var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]);　
하나의 배열 을 만 들 고 값 을 부여 하 는 것 은 두 번 째 방법 으로 배열 을 만 드 는 데 길 이 를 지 정 했 지만 실제 모든 상황 에서 배열 이 길 어 졌 다 는 것 을 설명 합 니 다. 즉, 길이 가 5 로 지정 되 더 라 도 원 소 를 규정된 길이 이외 의 곳 에 저장 할 수 있 습 니 다. 주의: 이 럴 때 길이 가 달라 집 니 다.
2. 배열 의 요소 에 대한 접근
var testGetArrValue=arrayObj[1]; //배열 의 요소 값 가 져 오기
array Obj [1] = "새 값 입 니 다"; /배열 요소 에 새로운 값 을 부여 합 니 다.
3. 배열 요소 의 추가
arrayObj. push([item1 [item2 [. . . [itemN ]]]]);// 하나 이상 의 새 요 소 를 배열 의 끝 에 추가 하고 배열 의 새 길 이 를 되 돌려 줍 니 다.
arrayObj.unshift([item1 [item2 [. . . [itemN ]]]]);// 하나 이상 의 새로운 요 소 를 배열 에 추가 하기 시작 하면 배열 의 요 소 는 자동 으로 뒤로 이동 하여 배열 의 새로운 길 이 를 되 돌려 줍 니 다.
arrayObj.splice(insertPos,0,[item1[, item2[, . . . [,itemN]]]]);//하나 이상 의 새 요 소 를 배열 의 지정 한 위치 에 삽입 하고 위치 에 삽 입 된 요 소 는 자동 으로 뒤로 이동 하여 "" 로 돌아 갑 니 다.
4. 배열 요소 의 삭제
arrayObj.pop(); //마지막 요 소 를 제거 하고 이 요소 값 을 되 돌려 줍 니 다.
arrayObj.shift(); //이전 요 소 를 제거 하고 이 요소 값 을 되 돌려 줍 니 다. 배열 의 요 소 는 자동 으로 앞으로 이동 합 니 다.
arrayObj.splice(deletePos,deleteCount); //지정 한 위치 deletePos 에서 시작 하 는 지정 한 수량의 deleteCount 요 소 를 삭제 하고, 그룹 형식 으로 제 거 된 요 소 를 되 돌려 줍 니 다.
5. 배열 의 캡 처 와 합병
arrayObj.slice(start, [end]); //배열 의 일부분 을 배열 로 되 돌려 줍 니 다. end 에 대응 하 는 요 소 는 포함 되 지 않 습 니 다. end 를 생략 하면 start 이후 의 모든 요 소 를 복사 합 니 다.
arrayObj.concat([item1[, item2[, . . . [,itemN]]]]); //여러 배열 (문자열 일 수도 있 고 배열 과 문자열 의 혼합 일 수도 있 습 니 다) 을 하나의 배열 로 연결 하여 연 결 된 새로운 배열 을 되 돌려 줍 니 다.
6. 배열 의 복사
arrayObj.slice(0); //배열 의 복사 배열 을 되 돌려 줍 니 다. 가리 키 는 것 이 아니 라 새로운 배열 입 니 다.
arrayObj.concat(); //배열 의 복사 배열 을 되 돌려 줍 니 다. 가리 키 는 것 이 아니 라 새로운 배열 입 니 다.
7. 배열 요소 의 정렬
arrayObj.reverse(); //반전 요소 (맨 앞 에, 마지막 에, 맨 앞 에), 배열 주 소 를 되 돌려 줍 니 다.
arrayObj.sort(); //배열 요 소 를 정렬 하고 배열 주 소 를 되 돌려 줍 니 다.
8. 배열 요소 의 문자열 화
arrayObj.join(separator); //문자열 을 되 돌려 줍 니 다. 이 문자열 은 배열 의 모든 요소 값 을 연결 하고 중간 에 separator 로 분리 합 니 다.
toLocaleString, toString, value Of: join 의 특수 한 용법 으로 볼 수 있 으 며 자주 사용 되 지 않 습 니 다.
2. 배열 대상 의 3 개 속성
1. length 속성
Length 속성 은 배열 의 길이, 즉 그 중의 요소 의 개 수 를 나타 낸다.배열 의 색인 은 항상 0 으로 시작 되 기 때문에 한 배열 의 상하 한 은 0 과 length - 1 이다.다른 대부분의 언어 와 달리 JavaScript 배열 의 length 속성 은 가 변 적 이라는 점 에 특히 주의해 야 한다.length 속성 이 더 크게 설정 되 었 을 때 전체 배열 의 상 태 는 사실상 변화 가 없 으 며 length 속성 만 커 집 니 다.length 속성 이 원래 시간 보다 설정 되면 원래 배열 에서 색인 이 length 보다 크 거나 같은 요소 의 값 을 모두 잃 어 버 립 니 다.다음은 length 속성 을 바 꾸 는 예 입 니 다.
var arr=[12,23,5,3,25,98,76,54,56,76];
/ / 10 개의 숫자 를 포함 하 는 배열 을 정의 합 니 다.
alert(arr.length); //배열 의 길이 10 보이 기
arr.length=12; //배열 의 길 이 를 늘리다.
alert(arr.length); //배열 의 길이 가 12 로 바 뀌 었 음 을 표시 합 니 다.
alert(arr[8]); //9 번 째 요소 의 값 을 표시 합 니 다. 56 입 니 다.
arr.length=5; //배열 의 길 이 를 5 로 줄 이 고 색인 이 5 이상 인 요소 가 버 려 집 니 다.
alert(arr[8]); //9 번 째 요소 가 "undefined" 로 변 했 음 을 표시 합 니 다.
arr.length=10; //배열 길 이 를 10 으로 복원 합 니 다.
alert(arr[8]); //길이 가 10 으로 회복 되 었 지만,
그러나 9 번 째 요 소 는 회수 할 수 없습니다. "undefined" 를 표시 합 니 다. 위의 코드 에서 length 속성의 성질 을 똑똑히 볼 수 있 습 니 다.그러나 length 대상 은 명시 적 으로 설정 할 수 있 을 뿐만 아니 라 암시 적 으로 수정 할 수도 있 습 니 다.JavaScript 에 서 는 설명 되 지 않 은 변 수 를 사용 할 수 있 습 니 다. 마찬가지 로 정의 되 지 않 은 배열 요소 (색인 이 length 를 초과 하거나 같은 요 소 를 말 함) 를 사용 할 수 있 습 니 다. 이 때 length 속성의 값 은 사용 하 는 요소 색인 값 에 1 을 추가 하 는 것 으로 설정 합 니 다.예 를 들 어 다음 코드:

var arr=[12,23,5,3,25,98,76,54,56,76]; 

alert(arr.length); 

arr[15]=34; 

alert(arr.length);

코드 에서 도 10 개의 숫자 를 포함 하 는 배열 을 먼저 정 의 했 고 alert 문 구 를 통 해 길이 가 10 임 을 알 수 있 습 니 다.그 다음 에 색인 이 15 인 요 소 를 사용 하여 할당 값 을 15, 즉 arr [15] = 34 로 만 들 었 습 니 다. 이 때 alert 구문 으로 배열 의 길 이 를 출력 하여 16 을 얻 었 습 니 다.어쨌든 강 한 유형의 프로 그래 밍 에 익숙 한 개발 하 다. 인원 들 에 게 는 놀 라 운 특성 이다.사실 new Array () 형식 으로 만 든 배열 의 초기 길 이 는 0 이 고 그 중에서 정의 되 지 않 은 요소 에 대한 작업 이 므 로 배열 의 길 이 를 변화 시 킵 니 다.
위의 소 개 를 통 해 알 수 있 듯 이 length 속성 은 이렇게 신기 하 다. 이 를 이용 하면 배열 의 용량 을 편리 하 게 증가 하거나 줄 일 수 있다.따라서 length 속성 에 대한 깊이 있 는 이 해 는 개발 과정 에서 유연 하 게 활용 하 는 데 도움 이 된다.
2, 프로 토 타 입 속성
대상 형식의 원형 인용 을 되 돌려 줍 니 다.prototype 속성 은 object 가 공유 합 니 다.
objectName.prototype
object Name 인 자 는 object 대상 의 이름 입 니 다.
설명: prototype 속성 으로 대상 의 클래스 를 제공 하 는 기본 기능 입 니 다.대상 의 새로운 인 스 턴 스 '계승' 은 대상 에 게 원형 을 부여 합 니 다.
배열 대상 에 대해 다음 과 같은 예 로 prototype 속성의 용 도 를 설명 합 니 다.
배열 대상 에 게 배열 의 최대 요소 값 을 되 돌려 주 는 방법 을 추가 합 니 다.이 점 을 완성 하려 면 함 수 를 설명 하고 가입 하 십시오.
Array. prototype 을 사용 합 니 다.

function array_max( ) 
{ 
var i, max = this[0]; 
for (i = 1; i < this.length; i++) 
{ 
if (max < this) 
max = this; 
} 
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 、 constructor 속성
생 성 대상 을 나타 내 는 함수 입 니 다.
object. constructor / object 는 대상 이나 함수 의 이름 입 니 다.
설명: constructor 속성 은 prototype 을 가 진 모든 대상 의 구성원 입 니 다.글로벌 과 Math 대상 을 제외 한 모든 JScript. 고유 대상 을 포함한다.
constructor 속성 은 특정 대상 의 인 스 턴 스 를 구성 하 는 함수 에 대한 인용 을 저장 합 니 다.
예 를 들 면:

x = new String("Hi"); 
if (x.constructor == String) //     （    ）。 
  
function MyFunc { 
//    。 
} 
y = new MyFunc; 
if (y.constructor == MyFunc) //     （    ）。 
      ： 
y = new Array();