通过数组映射时使用“包含”过滤对象数组

大佬教程收集整理的这篇文章主要介绍了通过数组映射时使用“包含”过滤对象数组，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决通过数组映射时使用“包含”过滤对象数组？

我有一个像这样的对象数组：

const buttonTypes = [
    {
      linkType: "default",icon: <linkFilledIcon stroke={"white"} />,},{
      linkType: "twitter",icon: <TwitterOutlineIcon height={22} fill={"white"} />,{
      linkType: "music",icon: <MusicOutlineIcon stroke={"white"} />,}

现在，当我像这样映射数组时，我想使用 includes 过滤 music：

buttonTypes.map((button,index) => {
                  console.log(button.linkType.includes(query));
                  return (
                    <div classname="drop-down-option" key={index}>
                      <button
                        classname="option__button"
                        onClick={(e) => {
                          props.setlinkType(button.linkType);
                          setlinkTypeDropdown(!linkTypeDropdown);
                          goToDashboard();
                        }}
                      >
                        <div classname="inner__buttonContainer">
                          <div classname="inner__iconContainer">
                            {button.icon}
                          </div>
                          <div classname="inner__textContainer">
                            <h4>{button.Title}</h4>
                          </div>
                        </div>
                      </button>{" "}
                    </div>
                  );
                })}

知道如何过滤数组吗？

解决方法

const buttonTypes = [
    {
      linkType: "default",icon: "hi",},{
      linkType: "twitter",icon:1,{
      linkType: "music",icon: 2,]


buttonTypes.filter((ele) => {
    return ele.icon != 1 
}).map((ele) => {
    console.log(ele)
})

大佬总结

以上是大佬教程为你收集整理的通过数组映射时使用“包含”过滤对象数组全部内容，希望文章能够帮你解决通过数组映射时使用“包含”过滤对象数组所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。