es6常用操作

最新推荐文章于 2024-01-17 07:30:00 发布

多则惑少则明

最新推荐文章于 2024-01-17 07:30:00 发布

阅读量461

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/huazhongkejidaxuezpp/article/details/79277006

一、数组操作

1、字符串与数组转换

          //作用：逗号分隔的字符串---->数组 
          strToArray(str){
                return str instanceof Array ? str : str.split(',').map(id => parseInt(id));
            },
          //作用：数组--->逗号分隔的字符串

            ArrayToStr(arrays){
                return arrays instanceof Array ? arrays.join(',') : arrays;

            },

2、数组遍历

例如：[1,2,3,4]

 
let sets=[1,2,3,4];
this.allconfigOpts.foreach(function(item,idx) { 
                  if(sets.find((element) => (element.value == item.id))){
                      //说明已经被选择了
                      selectedSets.push({
                          label: item.set_name,
                          key: idx,
                          index:item.id

                          });
                  }else
                  allSets.push({
                          label: item.set_name,
                          key: idx,
                          index:item.id
                          });
                });

3、数组添加

// ES6 的写法
let arr1 = [0, 1, 2];
let arr2 = [3, 4, 5];
arr1.push(...arr2);

4、复制数组

a2都是a1的克隆

const a1 = [1, 2];
// 写法一
const a2 = [...a1];

5/合并数组

var arr1 = ['a', 'b'];
var arr2 = ['c'];
var arr3 = ['d', 'e'];


// ES6的合并数组
[...arr1, ...arr2, ...arr3]
// [ 'a', 'b', 'c', 'd', 'e' ]

6/Array.from方法用于将两类对象转为真正的数组：类似数组的对象（array-like object）和可遍历（iterable）的对象（包括 ES6 新增的数据结构 Set 和 Map）。

let arrayLike = {
    '0': 'a',
    '1': 'b',
    '2': 'c',
    length: 3
};

// ES6的写法
let arr2 = Array.from(arrayLike); // ['a', 'b', 'c']

7/Array.of方法用于将一组值，转换为数组。

Array.of(3, 11, 8) // [3,11,8]
Array.of(3) // [3]