首页问答社区 python 正文

jquery中map如何使用

2022-03-16 19:31:02 33 0

jquery中map如何使用

本篇内容介绍了“jquery中map如何使用”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

在jquery中，map()的用法是使用指定函数处理数组中的每个元素或者对象的每个属性，并将处理的结果封装为新的数组返回，语法为“$.map(需要处理的对象或数组,指定的处理函数)”。

本教程操作环境：windows10系统、jquery3.2.1版本、Dell G3电脑。

jquery中map的用法是什么

一般用于给获得的每个元素执行函数处理

$.map() 函数用于使用指定函数处理数组中的每个元素(或对象的每个属性)，并将处理结果封装为新的数组返回。

语法为：

$.map(object,callback)

object Array/Object类型指定的需要处理的数组或对象。

callback Function类型指定的处理函数。

示例如下：

<html><head><metacharset="utf-8"><title>123</title><style>div{color:blue;}p{color:green;margin:0;}span{color:red;}</style><scriptsrc="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script></head><body><div></div><p></p><span></span><script>$(function(){vararr=["a","b","c","d","e"];$("div").text(arr.join(","));arr=$.map(arr,function(n,i){return(n.toUpperCase()+i);});$("p").text(arr.join(","));arr=$.map(arr,function(a){returna+a;});$("span").text(arr.join(","));})</script></body></html>

输出结果：