依赖库Underscore系列（2）--数组

最新推荐文章于 2018-10-30 13:46:59 发布

Coca_ProgramMonkey

最新推荐文章于 2018-10-30 13:46:59 发布

阅读量383

点赞数

分类专栏： Backbone

本文链接：https://blog.csdn.net/jackieJay/article/details/51883225

版权

Backbone 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

Underscore库–数组系列

1、first()函数
（1）调用格式：

_.first(array,[n])

（2）函数功能：
　　返回数组的第一个元素。如果设置可选项n的值，将返回一个包含前n项元素的新数组，
（3）示例如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>first()</title>
    <script src="js/underscore-min.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
    var stu = [
        {name: '张三', score: 60},
        {name: '李四', score: 40},
        {name: '王五', score: 80}
    ];
    var first = _.first(stu, 2);
    console.log(first);
</script>
</body>
</html>

（4）执行结果：
Array_first()_result1
Array_first()_result2

2、last()函数
（1）调用格式：

_.last(array,[n])

（2）函数功能：
　　返回数组的最后一个元素。如果设置了可选项n的值，将返回一个包含后n项元素的新数组。
（3）示例如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>last()</title>
    <script src="js/underscore-min.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
    var stu = [
        {name: '张三', score: 60},
        {name: '李四', score: 40},
        {name: '王五', score: 80}
    ];
    var last = _.last(stu, 2);
    console.log(last);
</script>
</body>
</html>

（4）执行结果：
Array_last()_result1
Array_last()_result2

3、indexOf()函数
（1）调用格式：

_.indexOf(array,value,[isSorted])

（2）函数功能：
　　返回value值在数组array中的首次出现的位置。如果存在，返回value值在数组array中的索引号；如果不存在，则返回-1值。在一个较大的数组array中，如果该数组array已经排序过，可以使用可选参数isSorted，该参数用于加速查找的过程。
（3）示例如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>indexOf()</title>
    <script src="js/underscore-min.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
    var num = [1, 2, 3, 4, 5];
    var find = _.indexOf(num, 2, true);
    console.log(find);
</script>
</body>
</html>

（4）执行结果：
Array_indexOf()_result

4、lastIndexOf()函数
（1）调用格式：

_.lastIndexOf(array,value,[fromIndex])

（2）函数功能：
　　返回value值在数组array中最后一次出现的位置。如果存在，返回value值在数组中的索引号；如果不存在，则返回-1值。可选项fromIndex表示指定查找的最大索引号位置。
（3）示例如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>lastIndexOf()</title>
    <script src="js/underscore-min.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
    var stu = ['李四', '张三', '王二', '李四', '张三', '李四'];
    var find = _.lastIndexOf(stu, '李四', 4);
    console.log("最后一次出现‘李四’位置的索引号为"+find);
</script>
</body>
</html>

（4）执行结果：
Array_lastIndexOf()_result

5、without()函数
（1）调用格式：

_.without(array,[*values])

（2）函数功能：
　　返回一个不包含可选项values元素的新数组，参数array为原数组，可选项*values为原数组中的各个元素。
（3）示例如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>without()</title>
    <script src="js/underscore-min.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
    var newarr = _.without([1, 3, 5, 7, 2, 4, 3, 1, 6], 1, 3);
    console.log(newarr);
</script>
</body>
</html>

（4）执行结果：
Array_without()_result

6、union()函数
（1）调用格式：

_.union(*arrays)

（2）函数功能：
　　返回组合后的数组列表。参数arrays是一个或多个数组列表。如果多个数组中有重复的元素，在返回的组合数组列表中仅显示一次。
（3）示例如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>union()</title>
    <script src="js/underscore-min.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
    var newarr = _.union([1, 3, 5, 7], [1, 2, 3, 8]);
    console.log(newarr);
</script>
</body>
</html>