JavaScript1.6 배열의 새로운 기능과 JQuery_javascript 기술의 여러 도구 및 방법 소개

JavaScript 1.6에는 몇 가지 새로운 Array 메서드가 도입되었습니다. 자세한 내용은 JavaScript 1.6의 새로운 기능을 참조하세요. 이러한 메서드는 ECMA262 V5에 작성되었습니다. 최신 브라우저(IE9/Firefox/Safari/Chrome/Opera)는 이미 이를 지원하지만 IE6/7/8은 지원하지 않습니다. 유사한 기능이 jquery의 도구 메서드에 제공됩니다.

1. Array.forEach() 및 jquery의 $().each(). 배열의 각 항목에 대해 함수를 실행합니다. Java5의 향상된 for 루프와 유사합니다.

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

var ary = [2,4,6 ,8] ;

// js1.6 Array.forEach 메소드
ary.forEach(function(i){alert(i);})

// 작성 방법 jquery
$(ary).each(function(){alert(this);})
//다음과 같이 작성할 수도 있습니다
$(ary).each(function(index,item ){alert(item); });//index는 요소의 인덱스이고 item은

2, Array.filter() 및 jquery의 $.grep()입니다. . 배열의 각 항목에 대해 함수를 실행하고 함수가 true를 반환하는 항목을 배열로 반환합니다. 간단히 말하면, 조건을 만족하지 않는 배열 요소를 필터링하는 데 사용되며, 조건을 충족하는 나머지 요소는 새로운 배열로 결합되어 반환됩니다.

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

var ary = [2,4,6 ,8] ;

// js1.6 Array.filter() 메서드
var otherAry1 = ary.filter(function(item){return item>4;})
alert(otherAry1 );/ /출력 6, 8

// jquery 작성 방법($.each와의 차이점 참고)
// 여기서 함수의 첫 번째 매개변수는 배열 요소 자체이고, 두 번째 매개변수는 배열 요소 인덱스입니다
// $().each 메소드는 정반대이므로 작성자가 이를 통합해야 합니다.
var otherAry2 = $.grep(ary,function(item,index){
항목 반환> 4;
})
alert(otherAry2);//출력 6, 8

3. Array.map() 및 jquery의 $.map(). 배열의 각 항목에 함수를 실행하고 전체 결과를 배열로 반환합니다. 이 방법은 특히 DOM 배열(각 쿼리 모듈 DOM에 대한 쿼리 문자열을 생성하기 위해 abcc 프로젝트에서 사용됨)에 사용될 때 매우 강력합니다. 간단히 말하면, 각 배열 요소에 대한 연산 결과가 새로운 배열 요소로 사용됩니다(아직도 한가득).

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

var ary = [2,4,6 ,8] ;

// js1.6 Array.map() 메서드
var newAry1 = ary.map(function(item){return item 1;});//각 요소에 1을 추가합니다.
Alert(newAry1);//출력 3, 5, 7, 9

// jquery 작성 방법
var newAry2 = $.map(ary,function(item,index){return item 1;}) ;
alert(newAry2);//출력 3, 5, 7, 9

4. 배열 요소가 모두 특정 조건을 만족하는지 확인하고, 만족하지 않으면 false를 반환하고, 만족하지 않으면 true를 반환

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

var ary = [2,4,6,8,10]

alert(ary.every(function(item) ){반품 항목>1}) );//true
alert(ary.every(function(item){반품 항목>2}));//false

5. Array.some() 메소드 . 배열의 요소가 특정 조건을 충족하는지 확인하세요. 그 중 하나가 일치하면 true를 반환하고, 그렇지 않으면 false를 반환합니다.

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

var ary = [2,4,,6,8,10]

alert(ary.some(function( item){반품 항목>9;} ));//true
alert(ary.some(function(item){반품 항목>10;}));//false

마지막으로 IE6/7/8을 제공합니다. 해결책은 이러한 브라우저가 JS1.6의 새로운 Array 메소드를 완벽하게 지원할 수 있도록 하는 것입니다.

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

-function(){

function applyIf(o, c) {
    if(o) {
        for(var p in c) {
            if(o [p]===정의되지 않음) {
                o[p] = c[p];
            }
        }
    }
    return o;
}
applyIf(Array.prototype, {
    indexOf : function(obj, idx) {
        var from = idx == null ? 0 : (idx < 0 ? Math.max(0 , arr.length idx) :
        for(var i = from, l = this.length; i < l; i ) {
            if(i in this && this[i] === obj) {
                return i;
            }
        return -1;
    },
    lastIndexOf : function(obj, idx) {
        var len = this.length , from = idx == null ? len - 1 : idx;        if(from < 0) {
            from = Math.max(0, len from); i = from; i >= 0; i--) {
            if (i in this && this[i] === obj) {
              return i; >        return -1;
    },
    모든 : function(fn, thisObj) {
        var l = this.length;
        for(var i = 0; i < l; i )
           if(i in this && !fn.call(thisObj, this[i], i, this)) {
               return false;
           }
        }
        return true;
    },
    some : function(fn, thisObj) {
        var l = this.length;
        for(var i = 0; i < l; i ) {
            if(i in this && fn.call(thisObj, this[i], i, this)) {
               return true;
            }
        }
        false를 반환합니다.
    },
    필터 : function(fn, thisObj) {
        var l = this.length, res = [], resLength = 0;
        for(var i = 0; i < l; i ) {
            if(i in this) {
              var val = this[i];
               if(fn.call(thisObj, val, i, this)) {
                   res[resLength ] = val;
               }
            }
        }
        답 반환;
    },
    map : function(fn, thisObj) {
        var l = this.length, res = [];
        for(var i = 0; i < l; i ) {
            if(i in this) {
               res[i] = fn.call(thisObj, this[i], i, this );
            }
        }
        res 반환;
    },
    forEach : function(fn, thisObj) {
        var l = this.length;
        for(var i = 0; i < l; i ) {
            if(i in this) {
               fn.call(thisObj, this[i], i, this);
            }
        }
    }
}); 
}();