Jquery中地图函数的使用

很久没用函数map()了。自从最近看了一篇react的文章，里面谈到了函数map()，我重新检查了一些数据，发现函数map()可以在不同的地方使用。下面小编总结一下内容分享给大家，也方便以后搜索。

其实我很少用函数映射()，因为最近看了一篇React的文章，实际上讲的是函数映射()，所以重新查了一些数据，发现函数映射()也可以用在不同的地方：

map()函数通过函数将每个元素传递给当前匹配集，并生成一个包含返回值的新Jquery对象。

语法：映射(回调(索引，domElement))

为当前集合中的每个元素调用的函数对象；

例如：

ul Li id=' num 1 ' p hello/p/Li Li id=' num 2 ' p hello/p/Li Li id=' num 3 ' p hello/p/Li/ul/html js :

var结果=$('ul li ')。map(function(i，val){ console.log(i，val)；//返回this.id});解释一下：

console.log(i，val)；

如图所示打印：

控制台。log(结果的类型)//-当然，如果打印这个结果，类型就是object反正是可以的！让我们继续！由于返回值是由jquery封装的数组，所以我们使用get()来处理返回的对象，以获得基本数组。

PS:get()方法获取选择器指定的Dom元素。语法如下：

$(选择器)。get(索引)；Index:是可选的。指定要获取的匹配元素(按索引编号)；

然后，代码继续：

var结果=$('ul li ')。map(function(i，val){ console.log(i，val)；返回this.id});console.log(结果类型)///-object console . log(结果. get())；此时，result.get()将得到如图所示的结果：

PS:它会得到一个一维数组，可能有些情况下每个人都需要得到这样的效果，适当的时候就用get()方法！

当然，我们可以连接join()方法拉走数组；

var结果=$('ul li ')。map(function(i，val){ console.log(i，val)；返回this.id});console.log(结果类型)///-object console . log(结果. get())；Console.log(result.get()。join('，'))如图所示：

最后总结一下：在回调函数内部，这是指每次迭代的当前DOM元素。该函数可以返回要插入结果集中的单个数据项或数据项数组。如果返回一个数组，数组中的元素将被插入其中。如果函数返回null或未定义，则不插入任何元素。

以上就是边肖介绍的Jquery中地图函数的用法，希望对大家有所帮助！