从数组对象中过滤出当前点击的数字,只要包含其中一个就返回
时间: 2023-12-14 10:37:22 浏览: 32
假设你有一个数组 `arr`,其中包含一些数字和其他类型的元素。你想要从中过滤出包含当前点击的数字 `num` 的所有元素。你可以使用 `filter()` 方法和 `includes()` 方法来实现。
示例代码如下:
```javascript
const arr = [1, 'hello', 2, 'world', 3];
const num = 2; // 假设当前点击了数字2
const filteredArr = arr.filter(item => {
if (typeof item === 'number' && item.toString().includes(num.toString())) {
return true;
}
return false;
});
console.log(filteredArr); // 输出 [2]
```
在这个例子中,我们首先定义了一个包含数字和其他类型元素的数组 `arr`,然后定义了当前点击的数字 `num`。接着,我们使用 `filter()` 方法来遍历数组中的所有元素。对于每个元素,我们检查它是否是数字,并且它的字符串形式是否包含当前点击的数字 `num` 的字符串形式。如果是,我们就返回 `true`,表示该元素应该保留在过滤后的数组中。否则,我们返回 `false`,表示该元素不应该保留在过滤后的数组中。
最后,我们将过滤后的数组输出到控制台,结果为包含数字2的数组 `[2]`。
相关问题
在数组对象中如何过滤出一个对象
可以使用数组的 `filter()` 方法来过滤出符合条件的对象。
例如,假设有一个名为 `students` 的数组对象,其中包含多个学生对象,每个学生对象都有一个 `name` 和 `age` 属性。要过滤出年龄为 18 岁的学生对象,可以使用以下代码:
```javascript
const students = [
{ name: 'Alice', age: 17 },
{ name: 'Bob', age: 18 },
{ name: 'Charlie', age: 19 }
];
const filteredStudents = students.filter(student => student.age === 18);
console.log(filteredStudents); // 输出 [{ name: 'Bob', age: 18 }]
```
这里使用了箭头函数和比较操作符来判断每个学生对象的年龄是否等于 18。 `filter()` 方法将返回一个新的数组,其中只包含符合条件的学生对象。在这个例子中,将返回包含一个学生对象的数组,即 `{ name: 'Bob', age: 18 }`。
数组对象的当前对象的某一个属性赋值给数组对象中数组对象的每一项
可以使用Array.map()方法来实现将数组对象的当前对象的某一个属性赋值给数组对象中每一项的操作。具体实现方法如下所示:
假设我们有一个数组对象arr,其中每个对象都有一个属性name,我们想要将当前对象的name属性的值赋值给数组对象中每一项的age属性,可以使用以下代码实现:
```javascript
arr.map(item => {
item.age = item.name;
return item;
});
```
上述代码中,我们使用了Array.map()方法来遍历数组对象arr,对于每一个对象,我们将其name属性的值赋值给其age属性,并返回这个新的对象。最终,我们得到了一个新的数组对象,其中每一项的age属性都被赋值为其对应的name属性的值。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)