ES5___ Array 扩展

╰半橙微兮° 2022-12-08 05:41 174阅读 0赞

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

<script type="text/javascript">
    	var arr = [1, 4, 6, 2, 5, 6];
    	//Array.prototype.indexOf(value) : 得到值在数组中的第一个下标
        console.log(arr.indexOf(6));  //2
    </script>

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

<script type="text/javascript">
    	var arr = [1, 4, 6, 2, 5, 6];
    	//Array.prototype.lastIndexOf(value) : 得到值在数组中的最后一个下标
        console.log(arr.lastIndexOf(6));  //5
    </script>

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

<script type="text/javascript">
    	var arr = [1, 4, 6, 2, 5, 6];
    	//Array.prototype.forEach(function(item, index){}) : 遍历数组
        arr.forEach(function (item, index) { 
            console.log(item, index);
        });
    </script>

##### 4. Array.prototype.map(function(item, index)\{\}) : 遍历数组返回一个新的数组，返回加工之后的值 #####

<script type="text/javascript">
    	var arr = [1, 4, 6, 2, 5, 6];
    	 //Array.prototype.map(function(item, index){}) : 遍历数组返回一个新的数组，返回加工之后的值
        var arr1 = arr.map(function (item, index) { 
            return item + 10
        });
        console.log(arr, arr1);
    </script>

##### 5. Array.prototype.filter(function(item, index)\{\}) : 遍历过滤出一个新的子数组， 返回条件为true的值 #####

<script type="text/javascript">
    	var arr = [1, 4, 6, 2, 5, 6];
    	//Array.prototype.filter(function(item, index){}) : 遍历过滤出一个新的子数组， 返回条件为true的值
        var arr2 = arr.filter(function (item, index) { 
            return item > 4
        });
        console.log(arr, arr2);
    </script>

#### 以上打印结果： ####

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjUyNDky_size_16_color_FFFFFF_t_70_pic_center]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjUyNDky_size_16_color_FFFFFF_t_70_pic_center 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjUyNDky_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/3aaebe10d9704b70abf67a2cbd0767eb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjUyNDky_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/8d468ec8f61e4a47a2ccbb98c87fecb1.png

发表评论取消回复

表情：

评论列表（有 0 条评论，174人围观）

还没有评论，来说两句吧...

相关阅读

相关 ECMAScript6（ES6）标准之数组Array扩展方法

S6对于数组又扩展了很多方法包括静态方法和原型链上添加的方法让我们可以更方便的操作数组静态方法 Array.from() 这个方法可以将 ...

淡淡的烟草味﹌/ 2024年04月17日 20:25/ 0 赞/ 58 阅读

相关 ECMAScript5（ES5）标准中扩展的数组Array方法

迭代forEach() forEach()第一个参数是一个回调函数对于数组的每一个元素，它都会执行这个回调函数而且这个回调函数有默认的参数分别是数组...

傷城~/ 2024年04月17日 20:23/ 0 赞/ 65 阅读

相关 ES5___ Array 扩展

1. Array.prototype.indexOf(value) : 得到值在数组中的第一个下标 <script type="text/javascript">

╰半橙微兮°/ 2022年12月08日 05:41/ 0 赞/ 175 阅读

相关 ES5___Object 扩展

一、ES5给Object扩展了一些静态方法, 常用的2个： 1. Object.create(prototype, \[descriptors\]) 作用: 以指定

迷南。/ 2022年12月08日 05:30/ 0 赞/ 147 阅读

相关 ES5--数组的扩展

//Array.indexOf();输出第一个出现的该数的位置下标 //Array.lastIndexOf();输出最后一个出现的该数的位置下标 //Array.for

浅浅的花香味﹌/ 2022年12月06日 04:15/ 0 赞/ 185 阅读

相关 ES5--json和Object对象扩展

JSON.stringify(obj/arr) js对象/数组转换为json对象/数组 JSON.parse(json) json对象/数组转换为js对象/数组

水深无声/ 2022年12月06日 04:14/ 0 赞/ 183 阅读

相关 es6数组的扩展底层实现____Array.of

Array.of方法用于将一组值,转换为数组代码： <!DOCTYPE html> <html> <head> <meta

绝地灬酷狼/ 2022年05月19日 13:12/ 0 赞/ 173 阅读

相关 ES6数组的扩展--Array.from()和Array.of()

> 小编推荐：[Fundebug][]专注于JavaScript、微信小程序、微信小游戏，Node.js和Java实时BUG监控。真的是一个很好用的bug监控费服务，众多大佬公

￡神魔★判官ぃ/ 2022年04月10日 11:17/ 0 赞/ 236 阅读

相关 ES5-Array-reverse

reverse方法用于颠倒排列数组元素，返回改变后的数组。注意，该方法会改变原来的数组，而不会创建新的数组。 var a = ['a', 'b', 'c']

以你之姓@/ 2022年01月20日 12:11/ 0 赞/ 279 阅读

相关 ES5 Array 中的API

ES5 Array 中的API 判断 every() 语法 some() 语法遍历 forEach() 语法

偏执的太偏执、/ 2021年11月01日 23:22/ 0 赞/ 237 阅读