javascript - 使用 includes 过滤数组

Question

我正在尝试过滤我的数组 availableSizes 并只显示我输入到 includes 中的特定大小

我正在用 5 进行测试，它应该只输出数字 5，但我得到的是 this is not a function

我如何过滤这个数组，以便它只输出传递给 includes 方法的数字？

 render() {
        const { id, img, name, price, desc, color, match, material, size, slug } = this.props
        const { selectedSize, showSizes } = this.state
        const availableSizes = [5,6,7,8,9,10,11,12,13,14,15]

    return (
      <Wrap>
        <Half>
          <ImgWrap>
          {showSizes &&
            <Sizes>

              <SizeWrap>
                <div>selecta size</div>
                {availableSizes.filter(availableSize => availableSize.includes(5)).map((availableSize, index) =>
                  <Size
                    key={index}
                    active={selectedSize === availableSize.size}
                    onClick={() => this.handleSelectSize(availableSize.size)}
                    className="snipcart-add-item"
                    data-item-id={id}
                    data-item-name={name}
                    data-item-price={price}
                    data-item-url="/"
                    data-item-size={this.state.size}
                    data-item-description={desc}
                  >
                    {availableSize}
                  </Size>
                )}
              </SizeWrap>

Answer 1

更进一步(可能)，您可能希望将可用尺寸与多个值匹配。因此，如果您的用户对尺寸 5 和 6 感兴趣，您可以将其存储在数组中，例如:var selectedSizes = [5, 6]

然后您可以匹配可用尺寸:availableSizes.filter(x => selectedSizes.includes(x))