js map()定义与用法

news/2024/7/19 14:09:32 标签: map(), js, forEach

基本用法跟forEach方法类似
    map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。
    map() 方法按照原始数组元素顺序依次处理元素。
        注意: map() 不会对空数组进行检测。
        注意: map()返回的是新数组,map() 不会改变原始数组。
    语法:
        array.map(function(currentValue,index,arr), thisValue)
    参数说明:
        function(currentValue, index,arr):
            必须。函数,数组中的每个元素都会执行这个函数
            函数参数:
                currentValue     必须。当前元素的值
                index             可选。当前元素的索引值
                arr             可选。当前元素属于的数组对象
        thisValue:
            可选。对象作为该执行回调时使用,传递给函数,用作 "this" 的值。
            如果省略了 thisValue,或者传入 null、undefined,那么回调函数的 this 为全局对象。
    注意:
        function(currentValue, index,arr)回调函数必须要return返回值,不然会返回一个undefind的数组
    
    
    实际使用的时候,可以利用map方法方便获得对象数组中的特定属性值们。

实例:	
	var users = [
	    {name: "熊大", "email": "zhang@email.com"},
	    {name: "熊二",   "email": "jiang@email.com"},
	    {name: "光头强",  "email": "li@email.com"}
	];
	// emails => email的数组
	var emails = users.map(function (user) { return user.email; });

 


http://www.niftyadmin.cn/n/1162554.html

相关文章

vue 引入公共样式的三种方法

1、在入口js文件main.js中引入,一些公共的样式文件,可以在这里引入。 import Vue from vue import App from ./App // 引入App这个组件 import router from ./router /* 引入路由配置 */ import axios from axios import ../static/css/global.css /*引…

vue-router push / replace / go 区别

this.$router.push()说明:跳转到不同的url,但这个方法会向history栈添加一个记录,点击后退会返回到上一个页面。实例:this.$router.push({name: routerName})this.$router.replace说明:同样是跳转到指定的url&#xff…

vue-router params / query

$router: 是路由操作对象,只写对象,用来写入例如params,query的属性 $route: 路由信息对象,只读对象,用来读取请求路由跳转时传入的属性参数 传参可以使用params和query两种方式: 1. params: 使用params传参只能用na…

vue 组件属性 name的作用

组件是有name属性的&#xff0c;匹配的就是组件的name。和vue-router中配置的name是不同的含义。1.当项目使用keep-alive时&#xff0c;可搭配组件name进行缓存过滤配置<keep-alive>标签的exclude或者include属性做组件筛选实例&#xff1a;<div id"app">…

vue keep-alive

keep-alive本身是vue2.0的功能&#xff0c;可以使被包含的组件保留状态&#xff0c;或避免重新渲染 标签<keep-alive>具有属性&#xff1a;1. include&#xff1a;内容要求字符串或正则表达&#xff0c;只有匹配的组件会被缓存2.exclude&#xff1a;内容要求字符串或正则…

vue项目中app.vue 、main.js和 index.html的关联

1. main.js是入口文件&#xff0c;主要作用是初始化vue实例并使用需要的插件。 2. App.vue是主组件&#xff0c;所有页面都是在App.vue下进行切换的。 3. main.js中的根实例会挂载到index.html中的<div id"app"> 4. index.html文件入口 5. src…

RGBA(0,0,0,0)调色

前三个值&#xff08;红绿蓝&#xff09;的范围为0到255之间的整数或者0%到100%之间的百分数。 第四个值&#xff0c;alpha值&#xff0c;制定了色彩的透明度/不透明度&#xff0c;它的范围为0.0到1.0之间,0.5为半透明。 rgba(255, 255, 255, 0)则表示完全透明的白色 rgba(0, 0…

filter: blur() 高斯模糊效果

比较喜欢的效果实例&#xff1a;<div class"lbg"><img src"../../assets/01.jpg" class"test-img"></div>.lbg{/* 设置相对定位 */position: relative;/* 宽度120%&#xff0c;-10%让元素集中 */left: -10%;/* 为了实现椭圆效…