数组常用方法总结

数组方法

1.定义

new Array() || var xxx = [ ];

2.length

数组的length还可进行末尾的删除和添加新项

var points = [40, 100, 1, 5, 25, 10];
point.length = 3; //[40,100,1]
//添加
point[point.length] = 33;  //数组末尾添加33

3.检测数组

Array.isArray(arr) || typeof

迭代

参数:项目值,项目索引,数组本身

  • every() 方法检查所有数组值是否通过测试。——每一项(返回true,最终返回true)
  • some() 方法检查某些数组值是否通过了测试。——任一项
  • forEach() 方法为每个数组元素调用一次函数(回调函数)。——没有返回值
  • filter() 方法创建一个包含通过测试的数组元素的新数组。——同map一样,但filter是满足条件的留下,是对原数组的过滤(创建一个新数组)用法:array.filter(function(currentValue,index,arr), thisValue)
  • map() 方法通过对每个数组元素执行函数来创建新数组。——返回函数调用的结果组成的数组,map则是对原数组的加工,映射成一对一映射的新数组(创建一个新数组)
  var numbers1 = [45, 4, 9, 16, 25];
    var numbers2 = numbers1.map((item) => {
        return(item * 2); 
    }); 
    console.log(numbers2); //[90, 8, 18, 32, 50]

另:map和filter的区别

let oldArr=[1,2,3];
let newArr=oldArr.map(item=>item*2);
let newArr1=oldArr.filter(item=>item*2);
console.log(newArr.valueOf());//[2,4,6]
console.log(newArr1.valueOf());//[ 1, 2, 3 ]

归并

参数:总数(初始值/先前返回的值),项目值,项目索引,数组本身

  • reduce(myFunction(参数)) 方法在每个数组元素上运行函数,以生成(减少它)单个值。
  • reduceRight(myFunction(参数))
var numbers1 = [45, 4, 9, 16, 25];
var sum = numbers1.reduce(myFunction,100);  //可以接收初始值,100是初始值

function myFunction(total, value, index, array) {
  return total + value;
}  //199

方法

1.转换为字符串

  • toString():把数组转换为数组值(逗号分隔)的字符串。
  • join() 方法也可将所有数组元素结合为一个字符串。
var fruits = ["Banana", "Orange", "Apple", "Mango"];
console.log(fruits.toString()); //Banana,Orange,Apple,Mango
console.log(fruits.join(" * ");  //Banana * Orange * Apple * Mango

2.栈方法

  • pop():从数组中删除最后一个元素(返回“被弹出”的值):
  • push() 方法(在数组结尾处)向数组添加一个新的元素(返回新数组的长度):
var item = fruits.pop(); 
console.log(item); //取得最后一项

3.队列方法

  • shift() 方法会删除首个数组元素,并把所有其他元素“位移”到更低的索引(返回被“位移出”的字符串)。
  • unshift() 方法(在开头)向数组添加新元素,并“反向位移”旧元素(返回新数组的长度):
var item = fruits.shift();  //取得第一项

4.重排序方法

  • sort() 方法以字母顺序对数组进行排序:

    数字排序:通过一个比值函数来修正此问题

    var points = [40, 100, 1, 5, 25, 10];
    points.sort(function(a, b){return a - b});
    //1,5,10,25,40,100
    
  • reverse() 方法反转数组中的元素。

5.操作方法

  • concat() 方法通过合并(连接)现有数组来创建一个新数组(返回一个新数组),concat() 方法不会更改现有数组。可以使用任意数量的数组参数。

  • slice() 方法用数组的某个片段切出新数组。slice() 方法创建新数组。它不会从源数组中删除任何元素。

    var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
    //传一个参数
    var citrus = fruits.slice(3); 
    console.log(sitrus);//Apple,Mango
    
    //传两个参数
    var citrus = fruits.slice(1, 3);   //不包含索引为3的值
    console.log(sitrus); //Orange,Lemon
    
  • splice() 方法可用于向数组添加新项(返回一个包含已删除项的数组):

    1.添加新项:

    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    fruits.splice(2, 0, "Lemon", "Kiwi");  //2代表插入位置;0代表应删除多少元素
    //Banana,Orange,Lemon,Kiwi,Apple,Mango
    

    2.删除元素

    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    fruits.splice(0, 1);        // 删除 fruits 中的第一个元素
    //Orange,Apple,Mango
    

6.搜索方法

  • indexOf(item,[start]) 方法在数组中搜索元素值并返回其位置。
  • Array.lastIndexOf() 与 Array.indexOf() 类似,但是从数组结尾开始搜索。
  • find(项目值,项目索引,数组本身) 方法返回通过测试函数的第一个数组元素的值。
  • findIndex(项目值,项目索引,数组本身) 方法返回通过测试函数的第一个数组元素的索引。

补充:

Array.from(): 返回一个新的数组实例。

Array.from(arrayLike[, mapFn[, thisArg]])

  • arrayLike: 想要转换成数组的伪数组对象或可迭代对象
  • mapFn(可选):新数组中每个元素会执行该回调函数
  • thisArg(可选):执行回调函数 mapFn 时 this 对象

从一个类似数组或可迭代对象创建一个新的,浅拷贝的数组实例。

log(Array.from('foo'))   //["f","o","o"]
log(Array.from([1,2,3], x => x + x));   //[2,4,6]

**Array.isArray()😗*用于确定传递的值是否是一个Array。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值