> 웹 프론트엔드 > JS 튜토리얼 > javascript forEach 함수 구현 code_javascript 기술

javascript forEach 함수 구현 code_javascript 기술

WBOY
풀어 주다: 2016-05-16 18:37:05
원래의
1564명이 탐색했습니다.
코드 복사 코드는 다음과 같습니다.

function forEach(object, block, context, fn) {
if (object == null) return;
if (!fn) {
if (typeof object == "function" && object.call) {
//일반 객체 탐색
fn = Function ;
} else if (typeof object.forEach == "function" && object.forEach != 인수.callee) {
//대상이 forEach 메서드를 구현한 경우 자체 forEach 메서드를 사용합니다. (예: 표준 브라우저의 Array 객체)
object.forEach(block, context);
return
} else if (typeof object.length == "number") {
// If IE의 클래스 Array 객체 또는 배열 객체입니다.
_Array_forEach(object, block, context);
return;
}
}
_Function_forEach(fn || Object, object, block, context);
};
function _Array_forEach(array, block, context) {
if (array == null) return
var i = 0,length = array.length; if (typeof array == "string") {
for (; i < length; i ) {
block.call(context, array.charAt(i), i, array)
}
} else{
for (;i < length; i ) {
block.call(context, array[i], i, array)
}
}
};
_Function_forEach = function(fn, object, block, context) {
// 여기서 fn은 항상 Function
for (var key in object) {
//로컬 속성만 순회
if ( object.hasOwnProperty(key)) {
//block(object[key], key)
block.call(context, object[key], key, object)
}와 동일
}
};

원저자의 예시 몇 가지(벽을 뛰어넘었습니다! ):

코드 복사 코드는 다음과 같습니다.
function print(el,index) {
alert(index " : " el)
}
forEach ([1, 2, 3], print)
forEach ({a: "aa", b: "bb", c: " cc"}, 인쇄);
forEach("Situ Zhengmei", 인쇄)
forEach(document.styleSheets,function(el){
if(el.href) Alert(el. href)
})



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

function 사람(이름, 나이) {
이것입니다. 이름 = 이름 ||
this.age = 나이
};
Person.prototype = new Person("프레드", 38) ;
fred.언어 = "English";//매우 늦은 바인딩
fred.wife = "Wilma";//매우 늦은 바인딩
forEach(fred,print)


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