代码之家  ›  专栏  ›  技术社区  ›  user13286

React-对值大于n的结果显示一个结果

  •  0
  • user13286  · 技术社区  · 6 年前

    我有一个数组,我想随机显示数组中的一个项,只要该项有 value 大于或等于 3 . 到目前为止,我可以随机选择其中一个项目,但我不确定如何仅选择值大于或等于3的项目。

    export default function App() {
      const arr = [
        {
          "name": "lorem",
          "value": 3
        },
        {
          "name": "ipsum",
          "value": 4
        },
        {
          "name": "dolor",
          "value": 1
        },
        {
          "name": "sit",
          "value": 2
        }
      ];
      const rand = arr.sort(() => Math.random() - Math.random()).find(() => true);
    
      return (
        <div className="App">
          {rand &&
            <div>{rand.name}</div>
          }
        </div>
      );
    }
    
    1 回复  |  直到 6 年前
        1
  •  2
  •   akshay kishore    6 年前

    嗯,试试这个。。。

    const arr = ['your data']; 
    // your array here
    const newarr = arr.filter(item=>item.value>3) 
    // fetch items >3 from array into new array
    const randItem = newarr[Math.floor(Math.random() * newarr.length)]
    //get any random item from the array