js数组常用方法归类整理(持续更新)

JavaScript 专栏收录该内容
32 篇文章 1 订阅
数组是js里面非常重要的数据结构,日常工作中避免不了对数组进行各种操作。一下便针对数组做一个整理
array.filter()过滤函数,返回符合条件的item 不会改变原数组
 var arr = [1, 2, 3, 3, 2];
 var r = arr.filter(function (item, index, self) {
     console.log(item); // 依次打印'A', 'B', 'C'
     console.log(index); // 依次打印0, 1, 2
     console.log(self); // self就是变量arr
     return item==2;
 });
// console.log(r)    [2,2]  返回符合条件的所有元素
array.every() 方法用于检测数组所有元素是否都符合指定条件,所有符合返回true,不符合返回false 不会改变原数组
 var arr = [1, 2, 3];
 var r = arr.every(function (item, index, self) {
     return item>4;
 });
 //console.log(r)   false    数组中所有元素都小于4
array.find() 方法用来返回数组中满足条件的第一个元素 不会改变原数组
 var arr = [1, 2, 3];
 var r = arr.find(function (item, index, self) {
     return item>=2;
 });
 //console.log(r)   2    返回满足条件的第一个元素
array.forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数,可用于遍历数组。
var arr = [1, 2, 3];
arr.forEach(function (item, index, self) {    //特别注意forEach返回值为undefined
     console.log(item);     //1,2,3 循环输出数组所有信息,可在此处理业务逻辑
 });
array.indexOf(item,start) 方法可返回某个指定的字符串值在字符串中首次出现的位置。
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var a = fruits.indexOf("Apple");//a=2
array.join(separator)讲数组按特定分割符组合成字符串
var arr = [1, 2, 3];
arr.join('');//返回"123"
arr.join('a');//返回"1a2a3"
Array.isArray(obj)判断对象是否是数组
var arr = [1, 2, 3];
var obj= {name:"cgd"};
Array.isArray(arr)   //true
Array.isArray(obj)   //false
array.map() 方法按照原始数组元素顺序依次处理元素,可返回新数组,但不会改变原数组
 var arr = [1, 2, 3];
 var r = arr.map(function (item, index, self) {
     return item*2;     //1,2,3 循环输出数组所有信息,可在此处理业务逻辑
 });
 console.log(r)     //[2, 4, 6]  
 console.log(arr)  //[1, 2, 3]
#数组的堆栈操作 删除操作返回删除元素,添加操作返回新的长度,均会改变原数组
var arr = ["a", "b", "c", "d"];  //以下操作单独执行
arr.pop();          //arr 输出为["a", "b", "c"]   删除数组末尾元素
arr.push("e","f")   //arr 输出为["a", "b", "c", "d", "e", "f"]  向数组末尾添加元素
arr.shift()         //arr 输出为["b", "c", "d"]     删除数组第一个元素
arr.unshift("e","f")        //arr 输出为["e","f","a","b", "c", "d"]     向数组开始添加元素
array.reduce() 方法接收一个函数作为累加器,累加数组的值。
 var arr = [1, 2, 3];
 var r = arr.reduce(function (total,item, index, self) {  //total用来保存累加结果的,初始值为0;
     return total+item;     //  结果返回6
 });
array.reverse() 方法用于颠倒数组中元素的顺序。
 var arr = [1, 2, 3];
 arr.reverse() // console.log(arr)   输出[3,2,1]
array.some() 方法用于检测数组中的元素是否满足指定条件,有一个满足就返回true
 var arr = [1, 2, 3];
 var r = arr.some(function (item, index, self) {
     return item>2;     //console.log(r)   由于3满足条件,返回true
 });
array.sort(sortfunction)对数组进行排序,没传递函数时,按升序排
var arr= [40,100,1,5,25,10];
arr.sort(function(a,b){return a-b}); //升序排列[1,5,10,25,40,100]
array.splice(index,howmany,item1,…..,itemX) 方法用于插入、删除或替换数组的元素,这种方法会改变原始数组,很强大
    index 表示开始位置,
    howmany 表示删除多少个必须为数字,可以为0表示不删除,如果不填的话会从index位置删到最后
    item1 表示要添加到数组的新元素
var arr= ["a", "b", "c", "d"];
arr.splice(2,1,"e","f"); //["a", "b", "e", "f", "d"] 从位置为2的地方删除一个元素并添加两个元素
array.toString()将数组转为字符串,并以逗号隔开
var arr= ["a", "b", "c", "d"];
var arrstring = arr.toString();//arrstring = "a,b,c,d" ,不改变原数组
array.valueOf() 返回数组的原始值
var arr= ["a", "b", "c", "d"];
arr.valueOf() //返回原数组,不改变原数组
  • 0
    点赞
  • 0
    评论
  • 7
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值