ホームページ  >  記事  >  ウェブフロントエンド  >  配列とオブジェクトの JS 走査と、オブジェクト、配列、プロパティを再帰的に走査するメソッドの違いの詳細な説明

配列とオブジェクトの JS 走査と、オブジェクト、配列、プロパティを再帰的に走査するメソッドの違いの詳細な説明

高洛峰
高洛峰オリジナル
2017-01-14 11:09:212984ブラウズ

これ以上ナンセンスはやめて、本題に直接行きましょう、あなた、具体的なコードは次のとおりです:

<script>
 //----------------for用来遍历数组对象--
 var i,myArr = [1,2,3];
 for (var i = 0; i < myArr.length; i++) {
  console.log(i+":"+myArr[i]);
 };
 //---------for-in 用来遍历非数组对象
 var man ={hands:2,legs:2,heads:1};
 //为所有的对象添加clone方法,即给内置原型(object,Array,function)增加原型属性,该方法很强大,也很危险
 if(typeof Object.prototype.clone ==="undefined"){
  Object.prototype.clone = function(){}; 
 }
 //
 for(var i in man){
  if (man.hasOwnProperty(i)) { //filter,只输出man的私有属性
   console.log(i,":",man[i]);
  };
 }
 //输出结果为print hands:2,legs:2,heads:1
 for(var i in man) {//不使用过滤
  console.log(i,":",man[i]);
 } 
 //输出结果为
 //hands : 2 index.html:20
 //legs : 2 index.html:20
 //heads : 1 index.html:20
 //clone : function (){} 
 for(var i in man) {
  if(Object.prototype.hasOwnProperty.call(man,i)) { //过滤
   console.log(i,":",man[i]);
  }
 } //输出结果为print hands:2,legs:2,heads:1 </script>

次に、オブジェクト、配列、プロパティの JS 再帰的トラバーサルを紹介します

フロントエンドで作業しているとき、時々、いくつかの未知の型のオブジェクトを走査する必要があります。コードは次のとおりです:

//js オブジェクトを走査します
function TraversalObject(obj)
{
for (var a in obj) {
if (typeof (obj[a]) == "object") {
TraversalObject (obj[a] ]); // 再帰的走査
}
else {
alert (a + "=" + obj [a]) // 値は
}}}} を示します

// すべての値オブジェクト






function TraversalObject(obj)
{
for (var a in obj) {

if(a=="Url") alter(obj[a]) のオブジェクト内の UR ;// URL の値を表示します

if (typeof (obj[a] ) == "object") {

TraversalObject(obj[a]) // 再帰走査

}

}🎜}🎜🎜 これトラバーサルメソッドオブジェクトが不規則であるが、同じプロパティを取得する必要がある場合に、非常に優れた役割を果たします。 🎜🎜配列とオブジェクトを走査する JS の違いと、オブジェクト、配列、プロパティを再帰的に走査する方法の詳細な説明については、PHP 中国語 Web サイトに注目してください。 🎜
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。