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

Stella981
• 阅读 530
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Js 数组filter()、map()、some()、every()、forEach()、lastIndexOf()、indexOf()实例</title>
    <script src="JS/jquery-easyui-1.5/jquery.min.js"></script>
    <script>
        //返回大于等于10
        function fiter(element, index, array) {
            return (element >= 10);
        }
        //筛选数据
        var arr = [12, 5, 8, 130, 44, 10].filter(fiter);
        console.log(arr)

        //将所有的数组元素转换为大写:
        var strings = ["I", "Love", "You"];
        function UpperCase(v) {
            return v.toUpperCase();
        }
        var uppers = strings.map(UpperCase);
        console.log(uppers)

        /*
            some()
            对数组中的每个元素都执行一次指定的函数(callback),直到此函数返回 true,如果发现这个元素,some 将返回 true,
            如果回调函数对每个元素执行后都返回 false ,some 将返回 false。
            它只对数组中的非空元素执行指定的函数,没有赋值或者已经删除的元素将被忽略。
        */
        console.log([2, 5, 8, 1, 4].some(fiter));  //false
        console.log([12, 5, 8, 1, 4].some(fiter)); //true

        /*
            every()
            对数组中的每个元素都执行一次指定的函数(callback),直到此函数返回 false,如果发现这个元素,every 将返回 false,
            如果回调函数对每个元素执行后都返回 true ,every 将返回 true。
            它只对数组中的非空元素执行指定的函数,没有赋值或者已经删除的元素将被忽略        
        */
        console.log([12, 5, 8, 130, 44].every(fiter));
        console.log([12, 54, 18, 130, 44].every(fiter));

        function printE(element, index, array) {
            console.log("[" + index + "] is " + element);
        }
        [1, 2, 3, 4, 5].forEach(printE);

        var array = [2, 5, 9, 2];
        var index = array.lastIndexOf(2);
        console.log(index);  //3

        var index1 = array.indexOf(2);
        console.log(index1);  //0
    </script>
</head>
<body>

    <form id="form1" runat="server">
        <div>
        </div>
    </form>
</body>
</html>
点赞
收藏
评论区
推荐文章
Wesley13 Wesley13
2年前
TAB切换效果
<!DOCTYPEhtmlPUBLIC"//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd"<htmlxmlns"http://www.w3.org/1999/xhtml"<head<
Stella981 Stella981
2年前
JavaScript练习题目(3)点击按钮显示确认对话框
<htmlxmlns"http://www.w3.org/1999/xhtml"<head<metahttpequiv"ContentType"content"text/html;charsetgb2312"/<titleMyFirstScript</title<script
Stella981 Stella981
2年前
DIVcss背景图片固定居中,div阴影,背景半透明,div圆角,DIV渐变 【mark用】
<html\<head\<metahttpequiv\"ContentType"content\"text/html;charsetutf8"/<title\CSStest</title\<styletype\"text/css"\body{mar
Wesley13 Wesley13
2年前
PHP防XSS攻击
防XSS攻击什么是XSS攻击代码实例:<html<head<metahttpequiv"ContentType"content"text/html;charsetutf8"/<titleXSS原理重现</title</head<bo
Wesley13 Wesley13
2年前
HTML嵌百度地图
<!DOCTYPEhtmlPUBLIC"//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"<html<head<metahttpequiv"ContentType"content"text/html;chars
Stella981 Stella981
2年前
JQuery事件
1<!DOCTYPEhtmlPUBLIC"//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd"2<htmlxmlns"http://www.w3.org/1999/
Wesley13 Wesley13
2年前
JS获取表单元素的值
<html<head<metahttpequiv"contenttype"content"text/html;charsetutf8"<title测试</title</head<body<formid"form1"name"form1"文本框
Wesley13 Wesley13
2年前
JS随机抽取图片
1<!DOCTYPEhtml2<html3<head4<metahttpequiv"ContentType"content"text/html;charsetutf8"/5<title</title6<metachar
Stella981 Stella981
2年前
OpenLayers图层
<!DOCTYPEHTMLPUBLIC"//W3C//DTDHTML4.0Transitional//EN"<html<head<metahttpequiv"ContentType"content"text/html;charsetutf8"<title
Wesley13 Wesley13
2年前
DOM操作节点对象集合
<!DOCTYPEHTMLPUBLIC"//W3C//DTDHTML4.01//EN""http://www.w3.org/TR/html4/strict.dtd"<html<head<metahttpequiv"ContentType"content"text/h