javascript - 尝试在 JavaScript 中递归查找属性-6ren

javascript - 尝试在 JavaScript 中递归查找属性

转载作者：行者123 更新时间：2023-12-02 22:01:12

**UPDATE**

/* This is my file in Node: */

var Crawler = require("crawler");
const fs = require('fs');

function iterObj(obj) {
let arr = []
let objValues = Object.values(obj);
// use var to avoid additonal heap overhead of new variable for each iteration
for (var i = 0, len = objValues.length; i < len; i++) {
    if (objValues[i] !== null) {
        if (objValues[i].children || objValues[i].next || objValues[i].prev || objValues[i].parent) {
            delete objValues[i].children;
            delete objValues[i].next;
            delete objValues[i].prev;
            delete objValues[i].parent;
        }
        if (objValues[i].src) { arr.push({ src: objValues[i].src }) }

        console.log("contents of arr on line 29 ", arr);
        if (typeof objValues[i] === "object" && !Array.isArray(objValues[i])) {
            arr.push(...iterObj(objValues[i]));
        }
    }
}
return arr;
}



var c = new Crawler({
maxConnections: 10,
// This will be called for each crawled page
callback: function(error, res, done) {
    if (error) {
        console.log(error);
    } else {
        var $ = res.$;
        // $ is Cheerio by default
        //a lean implementation of core jQuery designed specifically for the server;
        var img = $(`img`);

        console.log('img', img);
        console.log('iterObj(img)', iterObj(img))


        // fs.writeFile('fragrance.js', img, (err) => {
        //     if (err) throw err;
        //     console.log(`img`, img);
        //     console.log(`iterObj(img)`, iterObj(img));


        //     console.log('Data written to file.')
        // })

    }
    done();
}
});


c.queue('https://www.elizabetharden.com/fragrance/')


And this is the data, a javascript object.

img initialize {
  '0':
   { type: 'tag',
     name: 'img',
     attribs:
      { src:
         '/on/demandware.static/Sites-ElizabethArden-Site/-/default/dwbde506b9/images/ELIZABETH_ARDEN_LOGO_640x90.png',
        alt: 'Elizabeth Arden' },
     children: [],
     next:
      { data: '\n',
        type: 'text',
        next: null,
        prev: [Circular],
        parent: [Object] },
     prev:
      { data: '\n',
        type: 'text',
        next: [Circular],
        prev: [Object],
        parent: [Object] },
     parent:
      { type: 'tag',
        name: 'picture',
        attribs: {},
        children: [Array],
        next: [Object],
        prev: [Object],
        parent: [Object] } },
  '1':
   { type: 'tag',
     name: 'img',
     attribs:
      { alt: 'Fragrance Collection',
        src:
         'https://www.elizabetharden.com/on/demandware.static/-/Sites-ElizabethArden-Library/default/dwd973092c/images/category-landing/D_White_Tea_Fragrance_Page_Banner-bg.jpg',
        srcset:
         'https://www.elizabetharden.com/on/demandware.static/-/Sites-ElizabethArden-Library/default/dwd973092c/images/category-landing/D_White_Tea_Fragrance_Page_Banner-bg.jpg, https://www.elizabetharden.com/on/demandware.static/-/Sites-ElizabethArden-Library/default/dw62e6fa40/images/category-landing/D_White_Tea_Fragrance_Page_Banner@2x-bg.jpg 2x' },
     children: [],
     next:
      { data: '\n',
        type: 'text',
        next: null,
        prev: [Circular],
        parent: [Object] },
     prev:
      { data: '\n',
        type: 'text',
        next: [Circular],
        prev: [Object],
        parent: [Object] },
     parent:
      { type: 'tag',
        name: 'picture',
        attribs: {},
        children: [Array],
        next: [Object],
        prev: [Object],
        parent: [Object] } },
  '2':
   { type: 'tag',
     name: 'img',
     attribs:
      { alt: 'My Fifth Avenue Fragrance',
        src:
         'https://www.elizabetharden.com/on/demandware.static/-/Sites-ElizabethArden-Library/default/dw255d9a03/images/category-landing/myfifthavenue_1100x1100.jpg',
        srcset:
         'https://www.elizabetharden.com/on/demandware.static/-/Sites-ElizabethArden-Library/default/dw255d9a03/images/category-landing/myfifthavenue_1100x1100.jpg' },
     children: [],
     next:
      { data: '\n',
        type: 'text',
        next: null,
        prev: [Circular],
        parent: [Object] },
     prev:
      { data: '\n',
        type: 'text',
        next: [Circular],
        prev: [Object],
        parent: [Object] },
     parent:
      { type: 'tag',
        name: 'picture',
        attribs: {},
        children: [Array],
        next: [Object],
        prev: [Object],
        parent: [Object] } },
  '3':
   { type: 'tag',
     name: 'img',
     attribs:
      { alt: 'Elizabeth Arden Green Tea Perfume',
        src:
         'https://www.elizabetharden.com/on/demandware.static/-/Sites-ElizabethArden-Library/default/dw8c63d4b5/images/category-landing/green-tea_1100x1100.jpg',
        srcset:
         'https://www.elizabetharden.com/on/demandware.static/-/Sites-ElizabethArden-Library/default/dw8c63d4b5/images/category-landing/green-tea_1100x1100.jpg' },
     children: [],
     next:
      { data: '\n',
        type: 'text',
        next: null,
        prev: [Circular],
        parent: [Object] },
     prev:
      { data: '\n',
        type: 'text',
        next: [Circular],
        prev: [Object],
        parent: [Object] },
     parent:
      { type: 'tag',
        name: 'picture',
        attribs: {},
        children: [Array],
        next: [Object],
        prev: [Object],
        parent: [Object] } },
  '4':
   { type: 'tag',
     name: 'img',
     attribs:
      { alt: 'Elizabeth Arden White Tea Perfume',
        src:
         'https://www.elizabetharden.com/on/demandware.static/-/Sites-ElizabethArden-Library/default/dw489093d9/images/category-landing/white-tea_1100x1100.jpg',
        srcset:
         'https://www.elizabetharden.com/on/demandware.static/-/Sites-ElizabethArden-Library/default/dw489093d9/images/category-landing/white-tea_1100x1100.jpg' },
     children: [],
     next:
      { data: '\n',
        type: 'text',
        next: null,
        prev: [Circular],
        parent: [Object] },
     prev:
      { data: '\n',
        type: 'text',
        next: [Circular],
        prev: [Object],
        parent: [Object] },
     parent:
      { type: 'tag',
        name: 'picture',
        attribs: {},
        children: [Array],
        next: [Object],
        prev: [Object],
        parent: [Object] } },
  '5':
   { type: 'tag',
     name: 'img',
     attribs:
      { alt: 'Skincare Diagnostic',
        src:
         'https://www.elizabetharden.com/on/demandware.static/-/Sites-ElizabethArden-Library/default/dw51ed6763/images/category-landing/red-door_1100x1100.jpg',
        srcset:
         'https://www.elizabetharden.com/on/demandware.static/-/Sites-ElizabethArden-Library/default/dw51ed6763/images/category-landing/red-door_1100x1100.jpg' },
     children: [],
     next:
      { data: '\n',
        type: 'text',
        next: null,
        prev: [Circular],
        parent: [Object] },
     prev:
      { data: '\n',
        type: 'text',
        next: [Circular],
        prev: [Object],
        parent: [Object] },
     parent:
      { type: 'tag',
        name: 'picture',
        attribs: {},
        children: [Array],
        next: [Object],
        prev: [Object],
        parent: [Object] } },
  '6':
   { type: 'tag',
     name: 'img',
     attribs:
      { src:
         'https://www.elizabetharden.com/dw/image/v2/AAHP_PRD/on/demandware.static/-/Sites-elizabetharden-master-catalog/default/dwc531e5e7/images/2104_A0115075.jpg?sw=550&sh=550&sm=fit',
        alt: 'My Fifth Avenue Eau de Parfum, , large',
        class: 'desktop-only' },
     children: [],
     next:
      { data: '\n',
        type: 'text',
        next: [Object],
        prev: [Circular],
        parent: [Object] },
     prev:
      { data: '\n',
        type: 'text',
        next: [Circular],
        prev: null,
        parent: [Object] },
     parent:
      { type: 'tag',
        name: 'a',
        attribs: [Object],
        children: [Array],
        next: [Object],
        prev: [Object],
        parent: [Object] } },
  '7':
   { type: 'tag',
     name: 'img',
     attribs:
      { src:
         'https://www.elizabetharden.com/dw/image/v2/AAHP_PRD/on/demandware.static/-/Sites-elizabetharden-master-catalog/default/dwc531e5e7/images/2104_A0115075.jpg?sw=550&sh=550&sm=fit',
        alt: 'My Fifth Avenue Eau de Parfum, , large',
        class: 'ipad-only' },
     children: [],
     next:
      { data: '\n',
        type: 'text',
        next: [Object],
        prev: [Circular],
        parent: [Object] },
     prev:
      { data: '\n',
        type: 'text',
        next: [Circular],
        prev: [Object],
        parent: [Object] },
     parent:
      { type: 'tag',
        name: 'a',
        attribs: [Object],
        children: [Array],
        next: [Object],
        prev: [Object],
        parent: [Object] } },
  '8':
   { type: 'tag',
     name: 'img',
     attribs:
      { src:
         'https://www.elizabetharden.com/dw/image/v2/AAHP_PRD/on/demandware.static/-/Sites-elizabetharden-master-catalog/default/dwc531e5e7/images/2104_A0115075.jpg?sw=135&sh=136&sm=fit',
        alt: 'My Fifth Avenue Eau de Parfum, , large',
        class: 'iphone-only' },
     children: [],
     next:
      { data: '\n',
        type: 'text',
        next: null,
        prev: [Circular],
        parent: [Object] },
     prev:
      { data: '\n',
        type: 'text',
        next: [Circular],
        prev: [Object],
        parent: [Object] },
     parent:
      { type: 'tag',
        name: 'a',
        attribs: [Object],
        children: [Array],
        next: [Object],
        prev: [Object],
        parent: [Object] } },
  '9':
   { type: 'tag',
     name: 'img',
     attribs:
      { src:
         'https://www.elizabetharden.com/dw/image/v2/AAHP_PRD/on/demandware.static/-/Sites-elizabetharden-master-catalog/default/dwbb9e72e0/images/1003A0106574.jpg?sw=550&sh=550&sm=fit',
        alt: 'Elizabeth Arden White Tea Eau de Toilette Spray, , large',
        class: 'desktop-only' },
     children: [],
     next:
      { data: '\n',
        type: 'text',
        next: [Object],
        prev: [Circular],
        parent: [Object] },
     prev:
      { data: '\n',
        type: 'text',
        next: [Circular],
        prev: null,
        parent: [Object] },
     parent:
      { type: 'tag',
        name: 'a',
        attribs: [Object],
        children: [Array],
        next: [Object],
        prev: [Object],
        parent: [Object] } },
  '10':
   { type: 'tag',
     name: 'img',
     attribs:
      { src:
         'https://www.elizabetharden.com/dw/image/v2/AAHP_PRD/on/demandware.static/-/Sites-elizabetharden-master-catalog/default/dwbb9e72e0/images/1003A0106574.jpg?sw=550&sh=550&sm=fit',
        alt: 'Elizabeth Arden White Tea Eau de Toilette Spray, , large',
        class: 'ipad-only' },
     children: [],
     next:
      { data: '\n',
        type: 'text',
        next: [Object],
        prev: [Circular],
        parent: [Object] },
     prev:
      { data: '\n',
        type: 'text',
        next: [Circular],
        prev: [Object],
        parent: [Object] },
     parent:
      { type: 'tag',
        name: 'a',
        attribs: [Object],
        children: [Array],
        next: [Object],
        prev: [Object],
        parent: [Object] } },
  '11':
   { type: 'tag',
     name: 'img',
     attribs:
      { src:
         'https://www.elizabetharden.com/dw/image/v2/AAHP_PRD/on/demandware.static/-/Sites-elizabetharden-master-catalog/default/dwbb9e72e0/images/1003A0106574.jpg?sw=135&sh=136&sm=fit',
        alt: 'Elizabeth Arden White Tea Eau de Toilette Spray, , large',
        class: 'iphone-only' },
     children: [],
     next:
      { data: '\n',
        type: 'text',
        next: null,
        prev: [Circular],
        parent: [Object] },
     prev:
      { data: '\n',
        type: 'text',
        next: [Circular],
        prev: [Object],
        parent: [Object] },
     parent:
      { type: 'tag',
        name: 'a',
        attribs: [Object],
        children: [Array],
        next: [Object],
        prev: [Object],
        parent: [Object] } },
  '12':
   { type: 'tag',
     name: 'img',
     attribs:
      { src:
         'https://www.elizabetharden.com/dw/image/v2/AAHP_PRD/on/demandware.static/-/Sites-elizabetharden-master-catalog/default/dw55f80ff7/images/100326800.jpg?sw=550&sh=550&sm=fit',
        alt: 'Green Tea Scent Spray, , large',
        class: 'desktop-only' },
     children: [],
     next:
      { data: '\n',
        type: 'text',
        next: [Object],
        prev: [Circular],
        parent: [Object] },
     prev:
      { data: '\n',
        type: 'text',
        next: [Circular],
        prev: null,
        parent: [Object] },
     parent:
      { type: 'tag',
        name: 'a',
        attribs: [Object],
        children: [Array],
        next: [Object],
        prev: [Object],
        parent: [Object] } },
  '13':
   { type: 'tag',
     name: 'img',
     attribs:
      { src:
         'https://www.elizabetharden.com/dw/image/v2/AAHP_PRD/on/demandware.static/-/Sites-elizabetharden-master-catalog/default/dw55f80ff7/images/100326800.jpg?sw=550&sh=550&sm=fit',
        alt: 'Green Tea Scent Spray, , large',
        class: 'ipad-only' },
     children: [],
     next:
      { data: '\n',
        type: 'text',
        next: [Object],
        prev: [Circular],
        parent: [Object] },
     prev:
      { data: '\n',
        type: 'text',
        next: [Circular],
        prev: [Object],
        parent: [Object] },
     parent:
      { type: 'tag',
        name: 'a',
        attribs: [Object],
        children: [Array],
        next: [Object],
        prev: [Object],
        parent: [Object] } },
  '14':
   { type: 'tag',
     name: 'img',
     attribs:
      { src:
         'https://www.elizabetharden.com/dw/image/v2/AAHP_PRD/on/demandware.static/-/Sites-elizabetharden-master-catalog/default/dw55f80ff7/images/100326800.jpg?sw=135&sh=136&sm=fit',
        alt: 'Green Tea Scent Spray, , large',
        class: 'iphone-only' },
     children: [],
     next:
      { data: '\n',
        type: 'text',
        next: null,
        prev: [Circular],
        parent: [Object] },
     prev:
      { data: '\n',
        type: 'text',
        next: [Circular],
        prev: [Object],
        parent: [Object] },
     parent:
      { type: 'tag',
        name: 'a',
        attribs: [Object],
        children: [Array],
        next: [Object],
        prev: [Object],
        parent: [Object] } },
  '15':
   { type: 'tag',
     name: 'img',
     attribs:
      { src:
         'https://www.elizabetharden.com/dw/image/v2/AAHP_PRD/on/demandware.static/-/Sites-elizabetharden-master-catalog/default/dw0dcf8cae/images/10034372400.jpg?sw=550&sh=550&sm=fit',
        alt: 'Green Tea Honey Drops Body Cream, , large',
        class: 'desktop-only' },
     children: [],
     next:
      { data: '\n',
        type: 'text',
        next: [Object],
        prev: [Circular],
        parent: [Object] },
     prev:
      { data: '\n',
        type: 'text',
        next: [Circular],
        prev: null,
        parent: [Object] },
     parent:
      { type: 'tag',
        name: 'a',
        attribs: [Object],
        children: [Array],
        next: [Object],
        prev: [Object],
        parent: [Object] } },
  '16':
   { type: 'tag',
     name: 'img',
     attribs:
      { src:
         'https://www.elizabetharden.com/dw/image/v2/AAHP_PRD/on/demandware.static/-/Sites-elizabetharden-master-catalog/default/dw0dcf8cae/images/10034372400.jpg?sw=550&sh=550&sm=fit',
        alt: 'Green Tea Honey Drops Body Cream, , large',
        class: 'ipad-only' },
     children: [],
     next:
      { data: '\n',
        type: 'text',
        next: [Object],
        prev: [Circular],
        parent: [Object] },
     prev:
      { data: '\n',
        type: 'text',
        next: [Circular],
        prev: [Object],
        parent: [Object] },
     parent:
      { type: 'tag',
        name: 'a',
        attribs: [Object],
        children: [Array],
        next: [Object],
        prev: [Object],
        parent: [Object] } },
  '17':
   { type: 'tag',
     name: 'img',
     attribs:
      { src:
         'https://www.elizabetharden.com/dw/image/v2/AAHP_PRD/on/demandware.static/-/Sites-elizabetharden-master-catalog/default/dw0dcf8cae/images/10034372400.jpg?sw=135&sh=136&sm=fit',
        alt: 'Green Tea Honey Drops Body Cream, , large',
        class: 'iphone-only' },
     children: [],
     next:
      { data: '\n',
        type: 'text',
        next: null,
        prev: [Circular],
        parent: [Object] },
     prev:
      { data: '\n',
        type: 'text',
        next: [Circular],
        prev: [Object],
        parent: [Object] },
     parent:
      { type: 'tag',
        name: 'a',
        attribs: [Object],
        children: [Array],
        next: [Object],
        prev: [Object],
        parent: [Object] } },
  '18':
   { type: 'tag',
     name: 'img',
     attribs:
      { src:
         'https://www.elizabetharden.com/dw/image/v2/AAHP_PRD/on/demandware.static/-/Sites-elizabetharden-master-catalog/default/dwc687b1bb/images/2104-A0119537-Red-Door-Fragrance-3.3oz-4-Piece-Set.jpg?sw=550&sh=550&sm=fit',
        alt: 'Red Door 3.3oz Eau De Toilette 4-Piece Set, , large',
        class: 'desktop-only' },
     children: [],
     next:
      { data: '\n',
        type: 'text',
        next: [Object],
        prev: [Circular],
        parent: [Object] },
     prev:
      { data: '\n',
        type: 'text',
        next: [Circular],
        prev: null,
        parent: [Object] },
     parent:
      { type: 'tag',
        name: 'a',
        attribs: [Object],
        children: [Array],
        next: [Object],
        prev: [Object],
        parent: [Object] } },
  '19':
   { type: 'tag',
     name: 'img',
     attribs:
      { src:
         'https://www.elizabetharden.com/dw/image/v2/AAHP_PRD/on/demandware.static/-/Sites-elizabetharden-master-catalog/default/dwc687b1bb/images/2104-A0119537-Red-Door-Fragrance-3.3oz-4-Piece-Set.jpg?sw=550&sh=550&sm=fit',
        alt: 'Red Door 3.3oz Eau De Toilette 4-Piece Set, , large',
        class: 'ipad-only' },
     children: [],
     next:
      { data: '\n',
        type: 'text',
        next: [Object],
        prev: [Circular],
        parent: [Object] },
     prev:
      { data: '\n',
        type: 'text',
        next: [Circular],
        prev: [Object],
        parent: [Object] },
     parent:
      { type: 'tag',
        name: 'a',
        attribs: [Object],
        children: [Array],
        next: [Object],
        prev: [Object],
        parent: [Object] } },
  '20':
   { type: 'tag',
     name: 'img',
     attribs:
      { src:
         'https://www.elizabetharden.com/dw/image/v2/AAHP_PRD/on/demandware.static/-/Sites-elizabetharden-master-catalog/default/dwc687b1bb/images/2104-A0119537-Red-Door-Fragrance-3.3oz-4-Piece-Set.jpg?sw=135&sh=136&sm=fit',
        alt: 'Red Door 3.3oz Eau De Toilette 4-Piece Set, , large',
        class: 'iphone-only' },
     children: [],
     next:
      { data: '\n',
        type: 'text',
        next: null,
        prev: [Circular],
        parent: [Object] },
     prev:
      { data: '\n',
        type: 'text',
        next: [Circular],
        prev: [Object],
        parent: [Object] },
     parent:
      { type: 'tag',
        name: 'a',
        attribs: [Object],
        children: [Array],
        next: [Object],
        prev: [Object],
        parent: [Object] } },
  '21':
   { type: 'tag',
     name: 'img',
     attribs:
      { src:
         'https://www.elizabetharden.com/dw/image/v2/AAHP_PRD/on/demandware.static/-/Sites-elizabetharden-master-catalog/default/dw86b39b0f/images/2104_Pomegranate.jpg?sw=550&sh=550&sm=fit',
        alt: 'Green Tea Pomegranate  Eau De Toilette Spray, , large',
        class: 'desktop-only' },
     children: [],
     next:
      { data: '\n',
        type: 'text',
        next: [Object],
        prev: [Circular],
        parent: [Object] },
     prev:
      { data: '\n',
        type: 'text',
        next: [Circular],
        prev: null,
        parent: [Object] },
     parent:
      { type: 'tag',
        name: 'a',
        attribs: [Object],
        children: [Array],
        next: [Object],
        prev: [Object],
        parent: [Object] } },
  '22':
   { type: 'tag',
     name: 'img',
     attribs:
      { src:
         'https://www.elizabetharden.com/dw/image/v2/AAHP_PRD/on/demandware.static/-/Sites-elizabetharden-master-catalog/default/dw86b39b0f/images/2104_Pomegranate.jpg?sw=550&sh=550&sm=fit',
        alt: 'Green Tea Pomegranate  Eau De Toilette Spray, , large',
        class: 'ipad-only' },
     children: [],
     next:
      { data: '\n',
        type: 'text',
        next: [Object],
        prev: [Circular],
        parent: [Object] },
     prev:
      { data: '\n',
        type: 'text',
        next: [Circular],
        prev: [Object],
        parent: [Object] },
     parent:
      { type: 'tag',
        name: 'a',
        attribs: [Object],
        children: [Array],
        next: [Object],
        prev: [Object],
        parent: [Object] } },
  '23':
   { type: 'tag',
     name: 'img',
     attribs:
      { src:
         'https://www.elizabetharden.com/dw/image/v2/AAHP_PRD/on/demandware.static/-/Sites-elizabetharden-master-catalog/default/dw86b39b0f/images/2104_Pomegranate.jpg?sw=135&sh=136&sm=fit',
        alt: 'Green Tea Pomegranate  Eau De Toilette Spray, , large',
        class: 'iphone-only' },
     children: [],
     next:
      { data: '\n',
        type: 'text',
        next: null,
        prev: [Circular],
        parent: [Object] },
     prev:
      { data: '\n',
        type: 'text',
        next: [Circular],
        prev: [Object],
        parent: [Object] },
     parent:
      { type: 'tag',
        name: 'a',
        attribs: [Object],
        children: [Array],
        next: [Object],
        prev: [Object],
        parent: [Object] } },
  options:
   { normalizeWhitespace: false,
     xmlMode: false,
     decodeEntities: true,
     withDomLvl1: true },
  _root:
   initialize {
     '0':
      { type: 'root',
        name: 'root',
        attribs: {},
        children: [Array],
        next: null,
        prev: null,
        parent: null },
     options:
      { normalizeWhitespace: false,
        xmlMode: false,
        decodeEntities: true,
        withDomLvl1: true },
     length: 1,
     _root: [Circular] },
  length: 24,
  prevObject:
   initialize {
     '0':
      { type: 'root',
        name: 'root',
        attribs: {},
        children: [Array],
        next: null,
        prev: null,
        parent: null },
     options:
      { normalizeWhitespace: false,
        xmlMode: false,
        decodeEntities: true,
        withDomLvl1: true },
     length: 1,
     _root: [Circular] } }

var initialize = {
      '0': {   
         type: 'tag',
         name: 'img',
         attribs: { 
            src: 'path/to/file.png',
            alt: 'SEO is good' 
         },
       },
      '1': { 
         type: 'tag',
         name: 'img',
         attribs: { 
             src: 'path/to/another/image.jpg',
            alt: 'SEO is GREAT' 

         }
       }

我有一个对象，想要递归遍历，直到获得我想要的属性和值。

这不是你会做的吗？

function iterObj(obj) {
  var arr = []
  arr.push(obj)
  return arr.map(obj => {
    var newObj = {}
    if (obj !== null && typeof obj === "object") {
      iterObj(obj);
    }
    newObj[obj.src] = obj.src;
    return newObj;
  })
}

所以不应该 iterObj(initialize) 产量:

[{src: 'path/to/file.png'}, {src: 'path/to/another/image.jpg'}]

更新:

可能有助于包含我使用它的上下文:

下面是我在节点中使用的scraper模块。

var Crawler = require("crawler");
const fs = require('fs');
   
function IsJsonString(str) {
    try {
        JSON.parse(str);
    } catch (e) {
        return false;
    }
    return true;
}

function iterObj(obj) {
    var arr = []
    var isNotNull = (value) => typeof value !== "object" && value !== null

    for (var value of Object.values(obj)) {
        console.log("value line 18", value);

        if (value !== null) {
            if (value.src) { arr.push({ src: value.src }) }
            if (typeof value === "object" && !Array.isArray(value)) {
                console.log("value line 23", value);

                arr.push(...iterObj(value));
            }
        }
    }
    return arr;
}



var c = new Crawler({
    maxConnections: 10,
    // This will be called for each crawled page
    callback: function(error, res, done) {
        if (error) {
            console.log(error);
        } else {
            var $ = res.$;
            // $ is Cheerio by default
            //a lean implementation of core jQuery designed specifically for the server;
            var img = $(`img`);
            fs.writeFile('fragrance.js', img, (err) => {
                if (err) throw err;
                console.log(`img`, img);
                console.log(`iterObj(obj) ${iterObj(img)}`)
                    // console.log(`IsJsonString(img)`, IsJsonString(img[0]));


                console.log('Data written to file.')
            })

        }
        done();
    }
});

c.queue('https://www.somesite.com/someendpoint/')

最佳答案

为了检查对象的每个属性，您需要获取对象属性和/或其各自值的列表，可以使用 Object.keys() , Object.values()或Object.entries() 。从那里，您需要检查每个值是否满足以下条件:

1) 如果它有 src 属性，则推送该属性并继续

2) 如果它是一个对象且不为 null，则递归该对象以检查它或其子对象是否具有 src 属性

然后将递归调用的结果连接到原始数组并返回最终结果。这是您缺少的关键部分之一。您正在进行递归调用，但没有对它们执行任何操作。

您无法使用 .map 的原因就像您一样，是因为您没有从对象一对一返回 src。一个对象可以包含任意数量的子 src 属性，也可以包含 0 个。您需要手动构建结果列表。

这是您正在尝试执行的操作的示例:

var initialize = {
  '0': {   
      type: 'tag',
      name: 'img',
      attribs: { 
        src: 'path/to/file.png',
        alt: 'SEO is good',
        self: null,
        parent: null,
        top: null
      },
      next: {
        prev: null
      },
      prev: {
        next: null
      }
    },
  '1': { 
      type: 'tag',
      name: 'img',
      attribs: { 
          src: 'path/to/another/image.jpg',
        alt: 'SEO is GREAT' 

      }
    }
}

// add circular references for testing
initialize[0].attribs.self = initialize[0].attribs;
initialize[0].attribs.parent = initialize[0];
initialize[0].attribs.top = initialize;
initialize[0].next.prev = initialize[0].prev;
initialize[0].prev.next = initialize[0].next;

function iterObj(nestedObj) {
  // keep a list of object references to prevent circular references at any level
  let objReferences = [];
  function rHelper(obj) {
    let arr = []
    let objValues = Object.values(obj);
    // use var to avoid additonal heap overhead of new variable for each iteration
    for (var i = 0; i < objValues.length; i++) {
      let val = objValues[i];
      // check if non null and not a reference we've already seen before (AKA circular reference)
      if (val !== null && objReferences.indexOf(val) === -1) {
        if (val.src) { arr.push({ src: val.src }) }
        if (typeof val === "object" && !Array.isArray(val)) {
          // since we're checking this object, add reference to list to make sure it doesn't get
          // referenced by any of its children or siblings
          objReferences.push(val);
          arr.push(...rHelper(val));
        }
      }
    }
    return arr;
  }

  return rHelper(nestedObj);
}

console.log(iterObj(initialize));

关于javascript - 尝试在 JavaScript 中递归查找属性，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/59869285/

文章推荐： wso2 碳绑定(bind)地址

文章推荐： hadoop - 更高或更低的ALS.checkpointInterval更好吗？

javascript - 执行存在于输入值字段中的 javascript - JavaScript
我有一个 html 格式的表单: 我需要得到 JavaScript在value input 字段执行，但只能通过表单的 submit .原因是页面是一个模板所以我不控制它(不能有
javascript - JavaScript 代码片段正在破坏其他 JavaScript
我管理的论坛是托管软件，因此我无法访问源代码，我只能向页面添加 JavaScript 来实现我需要完成的任务。我正在尝试用超链接替换所有页面上某些文本关键字的第一个实例。我还根据国家/地区代码对这些
javascript - JavaScript 如何使新页面包含更多 JavaScript？
我正在使用 JS 打开新页面并将 HTML 代码写入其中，但是当我尝试使用 document.write() 在新页面中编写 JS 时功能不起作用。显然，一旦看到，主 JS 就会关闭。用于即将打开的
javascript - Javascript 引擎如何在浏览器中执行 Javascript？
提问不是为了解决问题，提问是为了更好地理解系统专家!我知道每当你将 javascript 代码输入 javascript 引擎时，它会立即由 javascript 引擎执行。由于没有看过Engi
javascript - 如何将 JavaScript 变量从一个 JavaScript 文件传递到另一个 JavaScript 文件？
我在一个文件夹中有两个 javascript 文件。我想将一个变量的 javascript 文件传递到另一个。我应该使用什么程序？最佳答案 window.postMessage用于跨文档消息。使
javascript - javascript 中的 javascript 输入问题
我有一个练习，我需要输入两个输入并检查它们是否都等于一个。如果是 console.log 正则 console.log false 我试过这样的事情: function isPositive(fir
javascript - 在加载其他 javascript 库的页面上嵌入 Javascript？
我正在做一个Web应用程序，计划允许其他网站(客户端)在其页面上嵌入以下javascript: 我的网络应用程序位于 http://example.org 。我不能假设客户端网站的页面有 JQue
javascript - 从 Javascript 内部调用 Javascript
目前我正在使用三个外部 JS 文件。我喜欢将所有三个 JS 文件合而为一。尽一切可能。我创建 aio.js 并在 aio.js 中 src="https://code.jquery.com/
javascript - AngularJS/javascript javascript 对象的特殊排序顺序
我有例如像这样的数组: var myArray = []; var item1 = { start: '08:00', end: '09:30' } var item2 = {
javascript - 在 Javascript 内部执行 Javascript？
所以我正在制作一个 Chrome 扩展，它使用我制作的一些 TamperMonkey 脚本。我想要一个“主”javascript 文件，您可以在其中包含并执行其他脚本。我很擅长使用以下行将其他 jav
javascript - 如何将变量从 javascript 移动到 javascript？
我有 A、B html 和 A、B javascript 文件。并且，如何将 A JavaScript 中使用的全局变量直接移动到 B JavaScript 中？示例 JavaScript) va
javascript - 从 javascript 调用 javascript
我需要将以下整个代码放入名为 activate.js 的 JavaScript 中。你能告诉我怎么做吗？ var int = new int({ seconds: 30, mark
javascript - 将变量值从一个 JavaScript 传递到另一个 JavaScript
我已经为我的 .net Web 应用程序创建了母版页 EXAMPLE1.Master。他们的 I 将值存储在 JavaScript 变量中。我想在另一个 JS 文件中检索该变量。示例1.大师:-
javascript - 有没有开源库可以在浏览器中使用 Javascript 来整理 Javascript？
是否有任何库可以用来转换这样的代码: function () { var a = 1; } 像这样的代码: function () { var a = 1; } 在我的浏览器中。因为我在 Gi
javascript - javascript 中的参数列表后缺少语法 javascript 错误 )
我收到语法缺失 ) 错误 $(document).ready(function changeText() { var p = document.getElementById('bidp
javascript - 第一个 JavaScript 完成后启动第二个 JavaScript
我正在制作进度条。它有一个标签。我想调整某个脚本完成的标签。在找到可能的解决方案的一些答案后，我想出了以下脚本。第一个启动并按预期工作。然而，第二个却没有。它出什么问题了？代码如下: HTML:
javascript - 为什么外部 javascript 库会阻止我页面上的 javascript？
这里有一个很简单的问题，我简单的头脑无法回答:为什么我在外部库中加载时，下面的匿名和onload函数没有运行？我错过了一些非常非常基本的东西。 Library.js 只有一行:console.log(
javascript - 如何区分代码内 javascript 和客户端 javascript
我知道 javascript 是一种客户端语言，但如果实际代码中嵌入的 javascript 代码以某种方式与在控制台上运行的代码不同，我会尝试找到答案。让我用一个例子来解释它: 我想创建一个像 Mi
javascript - 将 Javascript 内联到不显眼的 JavaScript？
我如何将这个内联 javascript 更改为 Unobtrusive JavaScript？谢谢! 感谢您的回答，但它不起作用。我的代码是: PHP js文件 document.getElem
javascript - 如何将 JavaScript 对象导出为 JavaScript？
我正在寻找将简单的 JavaScript 对象“转储”到动态生成的 JavaScript 源代码中的最优雅的方法。目的:假设我们有 node.js 服务器生成 HTML。我们在服务器端有一个对象x。

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

javascript - 尝试在 JavaScript 中递归查找属性