三种办法遍历对象数组,获取数组对象中所有的属性值(key,value);四种方法查找对象数组里面的某个值
一,获取对象数组中某属性的所有值
如果是要获取具体第几个属性的值,倒是可以用arr[i].name的方法来实现。
若是全部的属性的值,并返回一个新的数组嘞,思路是加循环遍历
方法如下。
1、from方法
var arr = [ { id: 1, name: "小明" }, { id: 2, name: "小红" }, { id: 3, name: "小蓝" } ] var n = Array.from(arr,({name})=>name); console.log(n); // ["小明", "小红", "小蓝"]
2、map方法
var userName = arr.map((item)=>{ return item.name; }) console.log(userName); // ["小明", "小红", "小蓝"]
3、forEach 方法
var userName = []; arr.forEach((item)=>{ userName.push(item.name); }) console.log(userName); // ["小明", "小红", "小蓝"]
map方法抽取成公共方法
function getAttrs(array,attr) { var result = array.map((item)=>{ return item[attr]; }) return result; } console.log(getAttrs(arr,'id')); // [1, 2, 3] console.log(getAttrs(arr,'name')); // ["小明", "小红", "小蓝"]
二,还是上面那个对象数组,想要查找对象数组里面的某个值,可以用下面四种方法:
1、some;查看数据里面是否含有这个布尔值(只要有一个满足就可以了)
let s= arr.some((value,index,array)=>{ return value.name === '小红'; }) console.log(s); //true
2、every ;查看数组中是否有不满足条件的,和some有相反意思
let a= arr.every((value,index,array)=>{ return value.name === '小红'; }) // console.log(a);//false
3、 find; 返回整个item
let f=arr.find((value,index,array)=>{ return value.name === '小红'; }) // 找不到的就返回undefined // console.log(f); //{ id: 2, name: '小红' }
4、findIndex;返回index
let fi=arr.findIndex((value,index,array)=>{ return value.name === '小红'; }) // 找不到的就返回-1 // console.log(fi); //1
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· 单线程的Redis速度为什么快?
· 展开说说关于C#中ORM框架的用法!
· Pantheons:用 TypeScript 打造主流大模型对话的一站式集成库