ES5___ Array 扩展

小R.

于 2020-09-18 17:40:48 发布

阅读量115

点赞数

分类专栏： # ES5 ES6~ES11 文章标签： array

本文链接：https://blog.csdn.net/qq_43652492/article/details/108669875

版权

ES5 ES6~ES11 专栏收录该内容

18 篇文章 2 订阅

订阅专栏

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>