map方法,以及filter方法的使用

Posted 美好的明天

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了map方法,以及filter方法的使用相关的知识,希望对你有一定的参考价值。

map()方法,会返回一个 jQuery 封装的数组

这个数组不能直接使用,需要使用 get() 来处理返回的对象以得到基础的数组

例子:

<!DOCTYPE html>
<html>
<head>
  <style>p { color:red; }</style>
  <script type="text/javascript" src="/jquery/jquery.js"></script>
</head>

<body>
  <p><b>Values: </b></p>
  <form>
    <input type="text" name="name" value="John"/>
    <input type="text" name="password" value="password"/>
    <input type="text" name="url" value="http://w3school.com.cn/"/>
  </form>

<script>
    $("p").append( $("input").map(function(){
      return $(this).val();
    }).get().join(", ") );
</script>

</body>
</html>

效果:

过程:首先通过map,得到val值的,jquery封装后的数组,但是这个数组不能直接使用,通过get()方法后才能变成数组对象,然后通过Join分割。

 

filter,过滤。
filter() 方法将匹配元素集合缩减为匹配指定选择器的元素。

get() 方法

获得第一个 p 元素的名称和值:

$("button").click(function(){
  x=$("p").get(0);
  $("div").text(x.nodeName + ": " + x.innerHTML);
});

get() 方法获得由选择器指定的 DOM 元素。

 

 
 

 

以上是关于map方法,以及filter方法的使用的主要内容,如果未能解决你的问题,请参考以下文章

10个JavaScript代码片段,使你更加容易前端开发。

10个JavaScript代码片段,使你更加容易前端开发。

python map filter reduce的优化使用

将多个输出中的hls属性设置为单独的片段代码

链接数组方法(filter、map、reduce)而不是使用双循环

js中的filter方法和map方法