时间戳

首页 > 解决方案 > JavaScript：针对特定类型的鞋子过滤鞋子对象数组并返回具有索引作为属性的对象数组

javascript - JavaScript：针对特定类型的鞋子过滤鞋子对象数组并返回具有索引作为属性的对象数组

问题描述

我有以下鞋子对象数组：

var currentInventory = [
  {
    name: 'Brunello Cucinelli',
    shoes: [
      {name: 'tasselled black low-top lace-up', price: 1000},
      {name: 'tasselled green low-top lace-up', price: 1100},
      {name: 'plain beige suede moccasin', price: 950},
      {name: 'plain olive suede moccasin', price: 1050}
    ]
  },
  {
    name: 'Gucci',
    shoes: [
      {name: 'red leather laced sneakers', price: 800},
      {name: 'black leather laced sneakers', price: 900}
    ]
  }
];

使用上面的 currentInventory 数组，我想找到所有的 laced shoes 并指出哪个单词包含 lace：

所需的输出如下：

[
  {
    "nameWords": [
      "tasselled",
      "black",
      "low-top",
      "lace-up"
    ],
    "targetWordIndex": 3
  },
  {
    "nameWords": [
      "tasselled",
      "green",
      "low-top",
      "lace-up"
    ],
    "targetWordIndex": 3
  },
  {
    "nameWords": [
      "red",
      "leather",
      "laced",
      "sneakers"
    ],
    "targetWordIndex": 2
  },
  {
    "nameWords": [
      "black",
      "leather",
      "laced",
      "sneakers"
    ],
    "targetWordIndex": 2
  }
]

以下是我尝试的代码；它接近但不完全存在：

function renderLacedShoes(inventory) {

  //console.log(inventory)

  let finalArr = []; 


  for (let i=0; i<inventory.length; i++){
    let indObj = inventory[i];

    let newObj = {};

    // dive into values associated with shoes 

    for (let k=0; k<indObj.shoes.length; k++){
      let shoeNameArr = indObj.shoes[k].name.split(" ");    

      //console.log(shoeNameArr)

      if ( (shoeNameArr.includes('lace-up')) || (shoeNameArr.includes('laced')) ){

        newObj['nameWords'] = shoeNameArr;
        console.log(newObj)

        // not working below
        newObj['targetWordIndex'] = (shoeNameArr.indexOf('lace-up' || 'laced'))
      }
    }
    finalArr.push(newObj);
  }
  return finalArr;
}


// TEST: 
renderLacedShoes(currentInventory)

我的代码输出：

[ { nameWords: [ 'tasselled', 'green', 'low-top', 'lace-up' ],
    targetWordIndex: 3 },
  { nameWords: [ 'black', 'leather', 'laced', 'sneakers' ],
    targetWordIndex: -1 } ]

我看到两个问题：它没有返回所有包含鞋子的“鞋带”。此外，我的 targetWordIndex 已关闭。

我究竟做错了什么？

标签： javascriptarraysfunctionobjectindexing

解决方案

您不仅对索引有问题，而且对推送结果也有问题。这应该发生在内循环内部。

function renderLacedShoes(inventory) {
    let finalArr = [];
    for (let i = 0; i < inventory.length; i++) {
        let indObj = inventory[i];
        for (let k = 0; k < indObj.shoes.length; k++) {
            let nameWords = indObj.shoes[k].name.split(" ");
            let targetWordIndex = nameWords.findIndex(s => s === 'lace-up' || s === 'laced');
            if (targetWordIndex !== -1) {
                finalArr.push({ nameWords, targetWordIndex });
            }
        }
    }
    return finalArr;
}

var currentInventory = [{ name: 'Brunello Cucinelli', shoes: [{ name: 'tasselled black low-top lace-up', price: 1000 }, { name: 'tasselled green low-top lace-up', price: 1100 }, { name: 'plain beige suede moccasin', price: 950 }, { name: 'plain olive suede moccasin', price: 1050 }] }, { name: 'Gucci', shoes: [{ name: 'red leather laced sneakers', price: 800 }, { name: 'black leather laced sneakers', price: 900 }] }],
    result = renderLacedShoes(currentInventory);

console.log(result);
.as-console-wrapper { max-height: 100% !important; top: 0; }

推荐阅读