项目中常用的js技巧--持续更新

古城微笑少年丶 2021-09-02 03:14 368阅读 0赞

# 10.17记录 #

##### 数据的截取 #####

给定一个字符串，将字符串根据指定的符号进行分割，并且取出分割后的结果

let str ='b90812ad;117'
    let pre = str.substr(0, str.indexOf(';'))
    console.log(pre) // b90812ad
    let next = str.substr(str.indexOf(';') + 1, str.length)
    console.log(next) // 117

##### 数据的修改 #####

后端返回的base64图片数据，没有带 `'data:image/jpeg;base64,'` .给每一项添加此前缀

let img = ['img1', 'img2', 'img3']
    let imgBase64 = img.map(v => { 
        return 'data:image/jpeg;base64,' + v
    })
    console.log(imgBase64)

##### 多个图片删除，找出删除图片的索引 #####

这个本来是很简单的，但是在移除图片的时候。怎么获取移除图片的索引。用到的方法还是indexOf  
正所谓猫找猫 狗找狗。求索引，还是得在对的地方找

handleRemove(file, fileList, item, index, indexSub) {
          var realyId = item.indexOf(file)
          // item里面以数组的形式包含了file.只有这样，才能找到你删的是那张图片的索引

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4ODQ1ODU4_size_16_color_FFFFFF_t_70_pic_center]  
那你肯定好奇，item为什么跟file一样呢，因为我掉了转base64的接口。然后将数据，添加进去的

# 10.19记录 #

##### 判断数组所有数据是否满足条件，满足返true，不满足返回false #####

let arr = [1, 2, 3, 4, 5]
    let eve = arr.every(v => { 
        return v > 0
    })
    console.log('eve', eve) // true

# 11.5记录 #

this.list.forEach(element => { 
                            this.$set(element, 'price', this.price)
                        });

# 12.14记录 #

数组扁平化

https://www.cnblogs.com/wind-lanyan/p/9044130.html

*  虽然说写了5种方法，但是核心也只有一个：  
    遍历数组arr，若arr\[i\]为数组则递归遍历，直至arr\[i\]不为数组然后与之前的结果concat。

# 12.28记录 #

给对象添加属性

this.menuList.forEach((val) => { 
              val.equipment = val.devices ? val.devices.length : 0
            })

利用reduce，计算对象里面的值

computed: { 
        equipmentAll() { 
            return this.menuList.reduce((prev, cur) => { 
              return cur.equipment + prev
            }, 0)
          }
        }
      }

# 1.14记录 #

删除指定元素

let arr = ['1','2','3']
    let index=  arr.indexOf('2') // indexOf，会返回当前元素的索引，因为索引是从0开始，所以判断条件为>1
    if (index > -1) { 
    arr.splice(index,1)
    conso.log(arr) // [ '1', '3' ]
    }

数组去重，拷贝

var qc = ['1', '2', '3', '2']
    var arrq = [...new Set(qc)]
    console.log(arrq);  // [ '1', '2', '3' ]

二维数组转化为一数组

let er = [['1'], ['2'], ['3'], ['2']].reduce((prev, next) => { 
        return prev.concat(next)
    })
    console.log(er);// [ '1', '2', '3', '2' ]

数组里面的字符串转数字

let str = ['1', '2', '3']
    let s = str.map(Number)
    console.log(s);  // [ 1, 2, 3 ]

转字符串

let num = [1, 2, 3]
    let s = num.map(String)
    console.log(s);  //[ '1', '2', '3' ]

# 4.9记录 #

###### 去除数组中的空元素 ######

let arr = [null, null, 1, null, 3]
    const arrFill = arr.filter((e) => { 
        return e != null
    })
    console.log('arrFill', arrFill);

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4ODQ1ODU4_size_16_color_FFFFFF_t_70_pic_center]: /images/20210813/b2e0fb2b9aae460fa9bb2bf379918172.png