JS数组filter()、map()、some()、every()、forEach()、lastIndexOf()、indexOf()实例

1<!DOCTYPE html>
2
3<html xmlns="http://www.w3.org/1999/xhtml">
4<head runat="server">
5    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6    <title>Js 数组filter()、map()、some()、every()、forEach()、lastIndexOf()、indexOf()实例</title>
7    <script src="JS/jquery-easyui-1.5/jquery.min.js"></script>
8    <script>
9        //返回大于等于10
10        function fiter(element, index, array) {
11            return (element >= 10);
12        }
13        //筛选数据
14        var arr = [12, 5, 8, 130, 44, 10].filter(fiter);
15        console.log(arr)
16
17        //将所有的数组元素转换为大写：
18        var strings = ["I", "Love", "You"];
19        function UpperCase(v) {
20            return v.toUpperCase();
21        }
22        var uppers = strings.map(UpperCase);
23        console.log(uppers)
24
25        /*
26            some()
27            对数组中的每个元素都执行一次指定的函数（callback），直到此函数返回 true，如果发现这个元素，some 将返回 true，
28            如果回调函数对每个元素执行后都返回 false ，some 将返回 false。
29            它只对数组中的非空元素执行指定的函数，没有赋值或者已经删除的元素将被忽略。
30        */
31        console.log([2, 5, 8, 1, 4].some(fiter));  //false
32        console.log([12, 5, 8, 1, 4].some(fiter)); //true
33
34        /*
35            every()
36            对数组中的每个元素都执行一次指定的函数（callback），直到此函数返回 false，如果发现这个元素，every 将返回 false，
37            如果回调函数对每个元素执行后都返回 true ，every 将返回 true。
38            它只对数组中的非空元素执行指定的函数，没有赋值或者已经删除的元素将被忽略        
39        */
40        console.log([12, 5, 8, 130, 44].every(fiter));
41        console.log([12, 54, 18, 130, 44].every(fiter));
42
43        function printE(element, index, array) {
44            console.log("[" + index + "] is " + element);
45        }
46        [1, 2, 3, 4, 5].forEach(printE);
47
48        var array = [2, 5, 9, 2];
49        var index = array.lastIndexOf(2);
50        console.log(index);  //3
51
52        var index1 = array.indexOf(2);
53        console.log(index1);  //0
54    </script>
55</head>
56<body>
57
58    <form id="form1" runat="server">
59        <div>
60        </div>
61    </form>
62</body>
63</html>

JS数组filter()、map()、some()、every()、forEach()、lastIndexOf()、indexOf()实例

评论区

相关推荐