首页 / JQUERY / Jquery中map函数的用法
Jquery中map函数的用法
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了Jquery中map函数的用法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1940字，纯文字阅读大概需要3分钟。
内容图文
很久没用map()这个函数了，由于最近看一篇react的文章，其中有谈到map()这个函数，于是就重新查了一些资料，发现map()函数可以用在不同的地方，下面小编总结具有内容分享给大家，也方便今后查找。
其实，本人一直很少用map（）这个函数，因为最近看一篇React的文章，其实有谈及map（）函数，于是自己也重新查了一些资料，发现map（）函数也可以用在不同的地方：
map()函数把每个元素通过函数传递到当前匹配集合中，生成包含返回值的新的Jquery对象
语法：.map(callback(index,domElement))
callback(index,domElment)》》》》对当前集合中每个元素调用的函数对象；
如：
<html> <ul> <li id="num1"> <p>你好</p> </li> <li id="num2"> <p>你好</p> </li> <li id="num3"> <p>你好</p> </li> </ul> </html>
js:
var result=$("ul li").map(function(i,val){
console.log(i,val);//
return this.id;});
解释：
console.log(i,val);
打印如图所示：
console.log( typeof result) // ---当然，如果打印这个result类型是object对象； Anyway,It is ok!let us go on!
由于返回值是jquery封装的数组，那么我们使用get（）来处理返回的对象以得到基础的数组；
PS：而get()方法获得由选择器指定的Dom元素语法如下：
$(selector).get(index);index:可选。规定的获取哪个匹配元素(通过index编号)；
那么，代码继续：
var result=$("ul li").map(function(i,val){
console.log(i,val);
return this.id;});console.log( typeof result) // ---objectconsole.log(result.get());
这个时候，result.get()会得到如图结果：
PS:它会得到一维数组，可能有些情况下大家会需要得到这样的效果，只要在适当的时候用get（）方法就可以了！
当然，我们可以连上拼接join()方法抽离数组；
var result=$("ul li").map(function(i,val){
console.log(i,val);
return this.id;});console.log( typeof result) // ---objectconsole.log(result.get());
console.log(result.get().join(','))
如图：
最后，总结一些：在callback函数内部，this引用每次迭代的当前DOM元素。该函数可返回单独的数据项，或者是要被插入结果集中的数据项的数组。如果返回的是数组，数组内的元素会被插入其中。如果函数返回null或者undefined，则不会插入任何元素。
以上所述是小编给大家介绍的Jquery中map函数的用法 ，希望对大家大家有所帮助！
内容总结
以上是互联网集市为您收集整理的Jquery中map函数的用法全部内容，希望文章能够帮你解决Jquery中map函数的用法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。