Javascript 使用includes筛选数组
我试图过滤我的数组可用性,只显示我输入到includes中的特定大小 我用5测试,它应该只输出数字5,但我得到这不是一个函数 如何过滤此数组,使其只输出传递到includes方法中的数字Javascript 使用includes筛选数组,javascript,reactjs,Javascript,Reactjs,我试图过滤我的数组可用性,只显示我输入到includes中的特定大小 我用5测试,它应该只输出数字5,但我得到这不是一个函数 如何过滤此数组,使其只输出传递到includes方法中的数字 过滤器回调中的availableSize将是一个数字。数字没有方法包含。你应该做的是检查是否相等 availableSizes.filter(availableSize => availableSize === 5) 对于主动道具,你应该 active={selectedSize === availab
过滤器回调中的availableSize将是一个数字。数字没有方法包含。你应该做的是检查是否相等
availableSizes.filter(availableSize => availableSize === 5)
对于主动道具,你应该
active={selectedSize === availableSize}
对于onClick,也更改为
onClick={() => this.handleSelectSize(availableSize)}
对于多个大小,您可以构建这些大小的数组
const mySizes = [4, 5]
availableSizes.filter(availableSize => mySizes.includes(availableSize))
过滤器回调中的availableSize将是一个数字。数字没有方法包含。你应该做的是检查是否相等
availableSizes.filter(availableSize => availableSize === 5)
对于主动道具,你应该
active={selectedSize === availableSize}
对于onClick,也更改为
onClick={() => this.handleSelectSize(availableSize)}
对于多个大小,您可以构建这些大小的数组
const mySizes = [4, 5]
availableSizes.filter(availableSize => mySizes.includes(availableSize))
更进一步,您可能希望将可用大小与多个值匹配。因此,如果您有一个对大小5和6感兴趣的用户,您可以将其存储在如下数组中:var selectedsize=[5,6]
然后,您可以使用:availableSizes.filterx=>selectedSizes.includesx来匹配可用大小。更进一步,您可能希望将可用大小匹配到多个值。因此,如果您有一个对大小5和6感兴趣的用户,您可以将其存储在如下数组中:var selectedsize=[5,6]
然后您可以使用以下选项匹配可用大小:availableSizes.filterx=>selectedSizes.includesxconsole.logavailableSizes.includes5;==如果number没有此方法,该方法如何工作?availableSizes是数组。availableSize是数组的一个数字availableSize如果你在mdn文档中查看,你会看到filter callback在某个索引处为你提供了项,好吧,假设我有2个数字,而不是5个。我如何检查数组是否包含这两个数字并输出结果?使用这两个数字构建一个数组,现在使用includes进行检查。const mySizes=[4,5]availableSizes.filteravailableSize=>mySizes.IncludeAvailableSizeConsole.logavailableSizes.includes5;==如果number没有此方法,该方法如何工作?availableSizes是数组。availableSize是数组的一个数字availableSize如果你在mdn文档中查看,你会看到filter callback在某个索引处为你提供了项,好吧,假设我有2个数字,而不是5个。我如何检查数组是否包含这两个数字并输出结果?使用这两个数字构建一个数组,现在使用includes进行检查。常量mySizes=[4,5]availableSizes.filteravailableSize=>mySizes.IncludeAvailableSize