以下定义一个数组 const list = [ {id:3, name:”张三半”}， {id:5, name:“张无忌”}， {id:13, name:"杨道"}, {id:33, name;“殷天正"}, {id:12, name:"赵敏"}， {id:97, name:"周芷若”} ] 编写程序实现以下要求： (1) 找到所有姓“杨”的人。 (2) 找到所有包含“天”字的人。 (3) 找到“周芷若”的id。

可以使用 JavaScript 的数组方法 `filter()` 和 `find()` 来实现这些要求。

(1) 找到所有姓“杨”的人。

const yangList = list.filter(item => item.name.includes('杨'));
console.log(yangList);

输出结果为：

[{id: 13, name: "杨道"}]

(2) 找到所有包含“天”字的人。

const tianList = list.filter(item => item.name.includes('天'));
console.log(tianList);

输出结果为：

[{id: 33, name: "殷天正"}]

(3) 找到“周芷若”的id。

const zhouId = list.find(item => item.name === '周芷若').id;
console.log(zhouId);

输出结果为：

97

相关问题

有一个数组 [1,2,,"haha",23,"11",,true,1,{name:"张三",age:20},5,23]求数组中的数字之和

要求求数组中的数字之和，可以使用reduce()方法来实现。reduce()方法接受一个回调函数作为参数，该回调函数可以对数组中的每个元素进行操作，并返回一个累加的结果。

首先，我们需要过滤出数组中的数字元素。可以使用filter()方法来过滤出数字元素，然后再使用reduce()方法求和。

以下是实现的代码示例：

const arr = \[1, 2, , "haha", 23, "11", , true, 1, {name: "张三", age: 20}, 5, 23\];

const sum = arr.filter(item => typeof item === 'number')
               .reduce((acc, curr) => acc + curr, 0);

console.log(sum); // 输出：57

在上述代码中，我们首先使用filter()方法过滤出数组中的数字元素。然后，使用reduce()方法对过滤后的数组进行求和操作。初始值为0，累加器(acc)会在每次迭代中累加当前元素(curr)的值。最后，将求和结果打印出来。

引用\[1\]中的console.log(Array.of(3, 11, 20, \[1, 2, 3\], { id: 1 }))是一个与问题无关的引用内容，不需要在回答中使用。其他引用内容也没有与问题相关的信息，因此不需要在回答中引用。
#### 引用[.reference_title]
- *1* *2* *3* [数组及字符串的常用JS方法](https://blog.csdn.net/m0_52933282/article/details/126439300)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]

vue3定义对象数组

在Vue3中，可以使用`reactive`和`ref`来定义对象和数组。

对于对象，可以使用`reactive`来定义。例如：

import { reactive } from 'vue'

const obj = reactive({
  name: '张三',
  age: 18,
  job: '工程师'
})

对于数组，可以使用`ref`来定义。例如：

import { ref } from 'vue'

const arr = ref([1, 2, 3, 4])

需要注意的是，Vue3中的`ref`只能用于基本类型数据，如果要定义数组或对象类型数据，可以使用`reactive`，它会自动将对象或数组转换为代理对象，实现响应式。

参考文献：
从定义数据角度对比 [2 Vue监视数据的原理 [3 当要初始化一个空对象时，使用reactive最好先将里面的结构一起定义好；或者使用ref初始化一个空对象， &lt;template&gt; &lt;div&gt;{{ job.type }}&lt;/div&gt; &lt;div&gt;{{ person.name }}&lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { reactive } from 'vue' // 一定要引入reactive export default { steup() { let job = reactive({ // 先定义好reactive里面的结构 type: '', money: 0 }) let person = ref({}) function change(){ job.type = '农名工' // 对象类型的数据直接. job.money = 5000 arr = '更新数据1' // Vue3中可以实现数组的数据响应式了！ } function newPerson() { name: '张三', age: 18 } return{ job, person } } } &lt;/script&gt;<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [Vue3学习之第二节：ref函数、reactive函数](https://blog.csdn.net/weixin_44209082/article/details/124367369)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [vue(三)](https://blog.csdn.net/qq_53293179/article/details/123337834)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [Vue3系列教程——reactive](https://blog.csdn.net/ekcchina/article/details/125008795)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]