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

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);
复制代码

你可能感兴趣的:(微信小程序,微信小程序,前端,小程序)