首页 > 其他分享 >js快捷抽取数组对象中某一属性值的集合

js快捷抽取数组对象中某一属性值的集合

时间:2022-08-18 06:44:05浏览次数:65  
标签:userName 抽取 name js item 快捷 user var 李五

一、Array.from方法

array.from方法就是将一个类数组对象(具有length属性的对象)或者可遍历的对象转换成真正的数组

var user = [
{
id: 1,
name: "李四"
},
{
id: 2,
name: "张三"
},
{
id: 3,
name: "李五"
}
]
var userName = Array.from(user,({name})=>name);
console.log(userName); // ["李四", "张三", "李五"]
二、map方法

var userName = user.map((item)=>{
return item.name;
})
console.log(userName); // ["李四", "张三", "李五"]
三、foreach 方法

var userName = [];
user.forEach((item)=>{
userName.push(item.name);
})
console.log(userName); // ["李四", "张三", "李五"]


原文链接:https://blog.csdn.net/lyyo_cd/article/details/120483892

标签:userName,抽取,name,js,item,快捷,user,var,李五
From: https://www.cnblogs.com/zihang-cheng/p/16597443.html

相关文章

  • js 判断数组的7 种方法
    1.Array.isArray([])//true2.Object.prototype.toString.call([])//'[objectArray]'3.[].constructor===Array//true4.[]instanceofArray//true5.[]......
  • 手写 js数组reduce
    functionreduce(list,fn,...init){letprev=init.length>0?init[0]:list[0];for(leti=init.length>0?0:1;i<list.length;i++){......
  • js
    typeof运算符和instanceof运算符以及isPrototypeOf()方法的区别typeof是一个运算符,用于检测数据的类型,比如基本数据类型null、undefined、string、number、boolean,以及引......
  • js实现 delay 和 sleep函数
    console.log("====sleep===");//sleep等待几秒constsleep=(seconds)=>newPromise((resolve)=>setTimeout(resolve,seconds));asyncfunctionsleepTes......
  • 手写实现 js 中的bind,并实现 softBind
    //bind会返回一个硬绑定的新函数,新函数会使用指定的第一个thisCtx去调用原始函数,并将其它参数传给原始函数。硬绑定会降低函数的灵活性,在绑定之后不能通过显式或硬绑定......
  • 817笔记(轮播图js)
    网页轮播图步骤:鼠标经过轮播图模块,左右按钮显示,离开隐藏左右按钮点击右侧按钮一次,图片往左播放一次,以此类推,左侧按钮同理图片播放的同时,下面小圆圈模块跟随一起变化......
  • [js] uncaught exception: Error: listDatabases failed
    当mongo搭建的是replicaset集群。如果你登录某一台SECONDARY节点执行命令showdbs报错2022-08-16T15:20:00.606+0800EQUERY[js]uncaughtexception:Error:list......
  • Js的cookie和session
    Cookie的概念:保存在客户端一个字符串属性,读取cookie的值时,得到一个字符串;cookie除了name名和value值外,还有expires过期时间、path路径、domain域、以及secure安全。JS代码......
  • 16js运动
     运动概述运动主要是动画的操作,主要是操作某个document元素的属性变化(位置变化)运动主要的三步骤使用定时器来定时更改对应的内容实时获取对应的元素的属性及相关......
  • SpringMvc_06Jackson,Controller返回json数据
    初识json 通过json对象来实现,但是会有乱码问题  乱码问题可以通过Springmvc-servlet配置    同样的,可以通过RestController让其不仅过视图解析器,返回一个......