微信小程序关于数组的操作

JavaScript数组操作大全

人民的石头

已于 2023-02-20 10:58:13 修改

阅读量1w

点赞数 6

CC 4.0 BY-SA版权

分类专栏：微信小程序文章标签：微信小程序前端小程序

于 2022-12-10 16:30:32 首次发布

原文链接：https://blog.csdn.net/qq_44645934/article/details/128133128

微信小程序专栏收录该内容

27 篇文章

订阅专栏

本文详细介绍JavaScript数组的各种操作方法，包括排序、过滤、求和、去重等基础操作，以及数组的合并、删除、查找等高级技巧。同时介绍了如何判断数组元素是否满足条件，并提供了数组与字符串相互转换的方法。

1.数组（排序，过滤，求和，去重，乱序）

    let array = {}
 
    //sort 数组正序
    array = [5, 4, 3, 2, 1]
    console.log(array.sort())
 
    //reverse  数组倒序
    array = [1, 2, 3, 4, 5]
    console.log(array.reverse())
 
    //filter 数组过滤
    array = [1, 5, 10, 15, 20]
    array = array.filter(item => {
      return item < 10;
    })
    console.log(array)
 
    //reduce 数组求和
    array = [1, 2, 3, 4, 5]
    let sum = array.reduce((num1, num2) => {
      return num1 + num2;
    }, 0)
    console.log(sum)
    
    //Set()对象 实现数组去重
    array = [1, 5, 5, 10, 15, 15]
    console.log(Array.from(new Set(array)))
 
    //数组的乱序
    array = [1, 2, 3, 4, 5]
    array.sort(() => Math.random() - 0.5)
    console.log(array)

2.数组的合并连接两个或更多的数组

    //数组的合并
    let array = [1, 2, 3, 4, 5]
    let arr = [1, 2, 3]
 
    // 方法1：使用解构
    array = [...array, ...arr]
 
    // 方法2：
    array = array.concat(arr)
 
    // 方法3：
    array.push(...arr)
 
    // 方法4：
    array.splice(array.length, '', ...arr)
 
    console.log(array)

3.数组的删除

    let array={}
 
    //数组的删除
    array = [1, 2, 3, 4, 5]
 
    //方法1 
    array.shift()  //删除第一个元素 
    array.pop()  //删除最后一个元素
    console.log(array)
 
    //方法2 splice(index,num)(位置,元素的个数)
    array = [1, 2, 3, 4, 5]
    array.splice(0,1)//删除第一个元素 
    array.splice(array.length-1,1)//删除最后一个元素 
    console.log(array)

4. 判断数组中是否所有元素都满足条件

    //判断数组中是否 所有 元素都满足条件
    let array = [1, 2, 3, 4, 5]
 
    let boolean = array.every(item => {
      return item > 2
    })
    console.log(boolean)

5.判断数组中是否有元素都满足条件

    //判断数组中是否 有 元素都满足条件
 
    //方法1
    let array = [1, 2, 3, 4, 5]
 
    let boolean1 = array.some(item => {
      return item > 3
    })
    console.log(boolean1)
 
    //方法2
    let boolean2 = array.includes(2)
    console.log(boolean2)
 
    //方法3
    let boolean3 = array.indexOf(0) !== -1 ? "true" : 'false'
    console.log(boolean3)

6、array数组的增删改：

push 从数组后面推入一个元素或多个元素

var arr = [1,2,3];

// 返回：修改后数组的长度
arr.push(4,5,6);

pop 删除数组最后一个元素

// 数组的pop方法用于将数组的最后一个元素移除
var arr = [1,2,3];

// 返回 被删除的元素；
arr.pop();
 

unshift 从数组前面添加一个或多个元素

var arr = [1,2,3];

// 返回：修改后数组的长度
arr.unshift(4,5,6);
 

shift 用于将数组的第一个元素移除

// 数组的shift方法用于将数组的第一个元素移除
var arr = [1,2,3];

// 返回 被删除的元素；
arr.shift(); 
 

splice：可进行数组任何位置的增删改

复制代码
// 数组的splice方法用于从数组的指定位置移除、添加、替换元素
var arr = ['a','b','c','d','e'];

// 对原数组操作
// 作用：从索引3开始移除，总共移除1个元素 ，
// 返回:被移除元素的数组
arr.splice(3,1); 
console.log(arr);


// 在c的后面添加7和8两个元素
// 作用：从索引3开始添加，移除0个元素，把7，8加入；
// 返回：一个空数组
// 操作原数组；
arr.splice(3,0,7,8); 



// 作用：从索引1开始替换，总共替换1个，用0替换 ；
// 返回：被替换元素的数组
arr.splice(1,1,0);
console.log(arr); 
复制代码
 

与字符串互转
join 用于将数组中的多元素以指定分隔符连接成一个字符串

var arr = ['刘备','关羽','张飞'];
var str = arr.join('|'); 
console.log(str);  //  刘备|关羽|张飞
 

split 字符串的方法：转数字，后面为分隔的字符

// 这个方法用于将一个字符串以指定的符号分割成数组
var str = '刘备|关羽|张飞';
var arr = str.split('|');
console.log(arr);
 

查找元素
indexOf：根据元素查找索引，如果这个元素在数组中，返回索引，否则返回-1，找元素在不在数组内部

var arr = [10,20,30]
console.log(arr.indexOf(30));  // 2
console.log(arr.indexOf(40));  // -1
 

findIndex方法用于查找满足条件的第一个元素的索引，如果没有，则返回-1

复制代码
var arr = [10, 20, 30];
var res1 = arr.findIndex(function (item) {
  return item >= 20;
});
// 返回 满足条件的第一个元素的的索引
console.log(res1);  


var res2 = arr.findIndex(function (item) {
  return item >= 50;
});
// -1
console.log(res2);
复制代码