Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/390.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用includes筛选数组_Javascript_Reactjs - Fatal编程技术网

Javascript 使用includes筛选数组

Javascript 使用includes筛选数组,javascript,reactjs,Javascript,Reactjs,我试图过滤我的数组可用性,只显示我输入到includes中的特定大小 我用5测试,它应该只输出数字5,但我得到这不是一个函数 如何过滤此数组,使其只输出传递到includes方法中的数字 过滤器回调中的availableSize将是一个数字。数字没有方法包含。你应该做的是检查是否相等 availableSizes.filter(availableSize => availableSize === 5) 对于主动道具,你应该 active={selectedSize === availab

我试图过滤我的数组可用性,只显示我输入到includes中的特定大小

我用5测试,它应该只输出数字5,但我得到这不是一个函数

如何过滤此数组,使其只输出传递到includes方法中的数字


过滤器回调中的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.includesx

console.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