美文网首页
vue 一些使用小方法

vue 一些使用小方法

作者: 小娜同学 | 来源:发表于2022-10-26 18:15 被阅读0次

    1.如何判断字符是***开头 startWith(),可以用来检测地址

    let str = 'https://asasd.com';
    let str1 = 'file://e/ds/ada/';
    console.log(str.startsWith('https')); // true
    console.log(str1.startsWith('https')); // false
    

    2.同样判断是否是*** 结尾 endsWith() (可以检测上传格式
    3.字符串重复,srt.repeat()

    let data = '哇咔咔'
    console.log(data.reeat(10)) // 10 数字 代表重复几次
    
    1. 删除某个元素,
    let data = {name: '姓名',age:'18'}
    this.$delete(data,'name')
    console.log(data) // {age:'18'}
    
    1. 小程序 图片列表 之间有缝隙 解决方法,可以用 font-size:0 可以解决
    2. 查找某个元素,是否存在 includes()findIndex() indexOf() lastIndexOf(),
    let data = ['1','2','3','4','5','6','7']
    // includes 检测数组是否包含某元素,返回Boolean类型
    console.log(data.includes('2')) // true
    // findIndex 检测数组是否包含某元素,返回int 类型
    console.log(data.findIndex(item=> item=== '2')) // 有值返回 1 没有值返回 -1
    // indexOf 检测是否存在元素,有则返回下标
    console.log(data.indexOf('1'));  // 0 返回的是下标 没有查到 则返回-1
    //lastIndexOf()  查找指定元素的最后一个索引,不存在返回-1,有值返回下标
    let data1 = ['1','2','3','4','5','1','7']
    console.log(data1.lastIndexOf('1'));  // 5 
    

    7 数组合并concat() ,数组克隆

    // 数组合并
    let arr1 = [1,2]
    let arr2 = [3,4]
    let arr3 =arr1.concat(arr2)
    console.log(arr3) // [1,2,3,4]
    let arr4 = [... arr1,...arr2]
    console.log(arr4) // [1,2,3,4]
    // 数组克隆
    let data1 = ['小名','小花']
    let copy = [... data1]
    console.log(copy) // ['小名','小花']
    
    

    相关文章

      网友评论

          本文标题:vue 一些使用小方法

          本文链接:https://www.haomeiwen.com/subject/owbuzrtx.html