AngularJS使用字符串過濾數組

Question

var arr = [{ 
    "id" : "111", 
    "name" : "abcd", 
    "one" : { 
     "id" : "333", 
     "video" : [ 
      { 
       "video_url" : "/uploads/Y2WK9mdPRieJbcNeb/addl-video/file_1490767841615.mp4", 
       "thumb_url" : "/uploads/Y2WK9mdPRieJbcNeb/addl-video/file_1490767841615/tn_747.415s.jpg", 
       "id" : "2222" 
      }, 
      { 
       "video_url" : "/uploads/Y2WK9mdPRieJbcNeb/addl-video/file_1490767874724.mp4", 
       "thumb_url" : "/uploads/Y2WK9mdPRieJbcNeb/addl-video/file_1490767874724/tn_55.609s.jpg", 
       "id" : "4444" 
      } 
     ], 
     "web" : [ 
      { 
       "url" : "http://www.studyrankers.com/", 
       "id" : "78678" 
      }, 
      { 
       "url" : "https://schools.aglasem.com/", 
       "id" : "34534534" 
      }, 
     ] 
    }, 
    "two" : { 
     "id" : "234234" 
    }, 
    "three" : [ 
     { 
      "id" : "474574", 
      "url" : "/uploads/72AnCTKqCtB4HyvN5/pdf/file_1481538888432.pdf", 
      "type" : "multiple" 
     } 
    ], 
    "four" : { 
     "id" : "546456456" 
    } 
}, 
{ 
    "id" : "2343241", 
    "name" : "abcd", 
    "one" : { 
     "id" : "333", 
     "video" : [ 
      { 
       "video_url" : "/uploads/Y2WK9mdPRieJbcNeb/addl-video/file_1490767841615.mp4", 
       "thumb_url" : "/uploads/Y2WK9mdPRieJbcNeb/addl-video/file_1490767841615/tn_747.415s.jpg", 
       "id" : "2222" 
      }, 
      { 
       "video_url" : "/uploads/Y2WK9mdPRieJbcNeb/addl-video/file_1490767874724.mp4", 
       "thumb_url" : "/uploads/Y2WK9mdPRieJbcNeb/addl-video/file_1490767874724/tn_55.609s.jpg", 
       "id" : "4444" 
      } 
     ] 
    }, 
    "two" : { 
     "id" : "234234" 
    }, 
    "three" : [ 
     { 
      "id" : "474574", 
      "url" : "/uploads/72AnCTKqCtB4HyvN5/pdf/file_1481538888432.pdf", 
      "type" : "multiple" 
     } 
    ] 
}] 

任何人都可以幫助我過濾並獲得字符串'/ uploads'嗎？ （即'video_url'，'thumb_url'&'url'）

Answer 1

我給你一個原生的JS答案，你可以找到on this plunkr。

var data = [/* your data */]; 
var uploadProperties = []; 

function activate() { 
    for (var item of data) { 
    for (var prop in item) { 
     recursiveCalling(item[prop]); 
    } 
    } 
    console.log(uploadProperties); 
} 

function recursiveCalling(value) { 
    console.log(typeof value); 
    if(typeof value === 'string') { 
    if (value.includes('/uploads')) { uploadProperties.push(value); } 
    } else { 
    for(var prop in value) { 
     recursiveCalling(value[prop]); 
    } 
    } 
} 

activate();