JavaScript原生的Length属性
告诉你们一招儿，jQuery里找数组长度靠JavaScript的Length属性就行！想知道页面上都有些啥吗？那就赶紧来试下这个方法咯。先搜集好所有商品信息放进数组，然后用Length属性一查，马上就能知道商品总数了。这个方法真的超方便快捷，尤其适合那些急需了解数组大小的小伙伴们呀。
<pre class='brush:javascript;toolbar:false;’>var myArray = [1, 2, 3, 4, 5];
var arrayLength = myArray.length;
console.log(arrayLength); // 5
你知道不？我们写代码的时候常常要判断一个数组有没有内容，就是看它是不是空的。猜猜怎么着？用我们的Javascript，轻松搞定！只要看看这个数组长度（Length）是不是等于零，对零就表示空的不能再空，非零的话肯定是有料的！这种方法简明扼要，对付数组空不空的问题绝对够了！
别小看JavaScript的Length属性呐，不仅让我们知道数组长得咋样，它还有其他用处！比如说想知道两个数组到底谁长谁短，看看他们的 Length 就能立马知道。然后咱们再根据得到的数量信息决定接下来咋办！记住这些对咱们判断和操作都很重要！
$.each()方法
我们来聊聊。除了JavaScript本身自带的长度属性，还有一样神器，就是在 jQuery 里的`.each()`方法，这东西可厉害了，好处，主要两方面：说到底就是为了处理数组和回调函数；一旦掌握了它，就能把数组里面每一个元素看得清清楚楚，然后再按照实际需要去搞事情
说到好用，来试下$ each ()，比如你是不是常常要检查网页里表单填写的对不对？就那几个看起来乱七八糟的输入框号码总是让人头疼？别担心，有了这个功能，它们就是小菜一碟，挨个儿处理没问题！
var myArray = [1, 2, 3, 4, 5];
var arrayLength = 0;
$.each(myArray, function(index, element) {
arrayLength++;
});
console.log(arrayLength); // 5
说起前端开发，有时得应付好几个网页元素，咋整？不怕不怕，jQuery的$.each()帮咱搞定。这个方法看似复杂，其实就是把需要处理的元素放进一个数组里，然后用$.each()一弄，完事了！这样一来，代码重用人肉复制都瞬间轻松，工作效率直接翻番！
要想在回调函数里控制那个每步都跑的.each()列表，只要返回false就行了，靠你自己来决定何时结束喽。如果我们碰到那种“做啥才算完事儿”的情况，这招儿就能派上用场！
$.map()方法
说到jQuery的妙招，除了常见的$.each()，还有一个类似的利器——$.map()，它能帮我们创建一个全新的数组，而且每一个元素都是经过特殊修饰过的哟~
说到开发，你们一定晓得那个叫$（黄金）.map()的法宝？它主要用来处理数据转换和筛选。比如说电商网站里，我们就得常常运用这个小能手，将后台一大堆七零八落的数据，搞成前台能用的形式！
var myArray = [1, 2, 3, 4, 5];
var arrayLengths = $.map(myArray, function(element, index) {
return index + 1;
});
console.log(arrayLengths); // [1, 2, 3, 4, 5]
每次遇到要找满足某些条件的数时，别慌张，借助啦$.map()来完成就行了。在回调函数里面设个标准，找出符合的数字加到新数组里去，然后直接取出就是我们筛选好的数据范围！
哈喽，你知道吗，为了求出JavaScript数组里的元素数量，我们能使用jQuery提供的好几种技巧。想看看元素总数吗？直接看看length属性就行了。如果要处理数组中的每个元素，不如试试$.each()或者$.map()函数。具体怎么操作还得看你自己的需求和实际情况，选个合适的方法，就能提升编程效率！
评论0