ES6之map()方法
//以下的程序来自于微信小程序的一段onLoad:
onLoad() {
const titles = ['首页', '外卖', '商超生鲜', '购物', '美食饮品', '生活服务', '休闲娱乐', '出行']
const tabs = titles.map(item => ({title: item}))
this.setData({tabs})
for(var i=0;i<tabs.length;i++){
console.log(tabs[i].title);
}
//会把titles数组中的数据全部输出来,也就是说这个数据是一个key:value
//类似于java 中的Map
},
转自:https://blog.csdn.net/weixin_40736319/article/details/89301034
map()方法:map,映射,即原数组映射成一个新的数组;
map方法接受一个新参数,这个参数就是将原数组变成新数组的映射关系。
function myfun_1(arr){
var array = [];
arr.map( item => {
array.push(item*item);
});
console.log(array);
}
function myfun_2(arr){
var array = [];
arr.map( function(item){
array.push(item*item);
});
console.log(array);
}
var arr3 = [1,2,3,4,5];
myfun_1(arr3); //[1,4,9,16,25]
var arr1 = [5,2,1,3,4];
myfun_1(arr1); //[25,4,1,9,16]
var arr2 = [3,4,5,1,2,6];
myfun_2(arr2); //[9,16,25,1,4,36]
在实际的应用中,我们可以通过map方法得到某一个对象数组中特定属性的值
var obj = [
{name:'小明',age:16,sex:'男'},
{name:'小红',age:17,sex:'女'},
{name:'小白',age:18,sex:'女'},
]
function getter(obj){
obj.map( item => {
console.log(item.age);
})
}
getter(obj);
//16
//17
//18
道法自然
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~