zoukankan      html  css  js  c++  java
  • ES5数组扩展

    ES5给数组对象添加了一些方法, 常用的5个:

    1. Array.prototype.indexOf(value) : 得到值在数组中的第一个下标

    2. Array.prototype.lastIndexOf(value) : 得到值在数组中的最后一个下标

    3. Array.prototype.forEach(function(item, index){}) : 遍历数组

    4. Array.prototype.map(function(item, index){ }) : 遍历数组返回一个新的数组

    5. Array.prototype.filter(function(item, index){ }) : 遍历过滤出一个新的子数组

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>04_Array扩展</title>
    </head>
    <body>
    <!--
    1. Array.prototype.indexOf(value) : 得到值在数组中的第一个下标
    2. Array.prototype.lastIndexOf(value) : 得到值在数组中的最后一个下标
    3. Array.prototype.forEach(function(item, index){}) : 遍历数组
    4. Array.prototype.map(function(item, index){}) : 遍历数组返回一个新的数组,返回加工之后的值
    5. Array.prototype.filter(function(item, index){}) : 遍历过滤出一个新的子数组, 返回条件为true的值
    -->
    <script type="text/javascript">
      /*
       需求:
       1. 输出第一个6的下标
       2. 输出最后一个6的下标
       3. 输出所有元素的值和下标
       4. 根据arr产生一个新数组,要求每个元素都比原来大10
       5. 根据arr产生一个新数组, 返回的每个元素要大于4
       */
    
        var arr = [1, 4, 6, 2, 5, 6];
        console.log(arr.indexOf(6));//2
        //Array.prototype.lastIndexOf(value) : 得到值在数组中的最后一个下标
        console.log(arr.lastIndexOf(6));//5
    
        //Array.prototype.forEach(function(item, index){}) : 遍历数组
        arr.forEach(function (item, index) {
            console.log(item, index);
        });
    
        //Array.prototype.map(function(item, index){}) : 遍历数组返回一个新的数组,返回加工之后的值
        var arr1 = arr.map(function (item, index) {
            return item + 10
        });
        console.log(arr, arr1);
    
        //Array.prototype.filter(function(item, index){}) : 遍历过滤出一个新的子数组, 返回条件为true的值
        var arr2 = arr.filter(function (item, index) {
            return item > 4
        });
        console.log(arr, arr2);
    
    
    </script>
    </body>
    </html>
  • 相关阅读:
    34组合总和(39)
    33 原子的数量(726)
    32 划分为k个相等的子集(698)
    31有效的井字游戏(794)
    30 设置交集大小至少为2
    28拼接最大数(321)
    js for循环闭包解决循环变量i遍历值
    js 绑定无响应 父元素监听,绑定子元素,事件绑定的几种方法以及区别
    如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器
    css实现左侧固定宽,右侧自适应
  • 原文地址:https://www.cnblogs.com/hack-ing/p/12005437.html
Copyright © 2011-2022 走看看