前端常用数据处理语法-1-Toy模板网

这篇具有很好参考价值的文章主要介绍了前端常用数据处理语法-1。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

    // 一、charAt()方法 
    //     定义和用法
    // charAt() 方法可根据索引返回指定位置的字符 => 调用时记得return 需要返回值 没有值时默认索引为0
    let str = 'Hello,world!'
    console.log(str.charAt(1)) // e

    // 二、charCodeAt()方法
    //     定义和用法
    // charCodeAt() 方法可返回指定位置的字符的 => Unicode 编码 这个返回值是 0 - 65535 之间的整数
    let strCharCodeAt = 'Hello,world!'
    console.log(strCharCodeAt.charCodeAt(2)) // 108

    // 三、concat()方法
    //     定义和用法
    // concat()方法用于连接两个或多个数组
    // 该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本
    // 实例1、将参数连接到数组中
    let strConcat = [1, 2, 3, 4]
    console.log(strConcat.concat(3, 4)) // [1,2,3,4,3,4]
    // 实例2、两个数组连接起来
    let arrConcat = [1, 2, 3, 4]
    let arrConcat2 = [5, 6, 7, 8]
    console.log(arrConcat.concat(arrConcat2)) // [1, 2, 3, 4, 5, 6, 7, 8]

    // 实例2、三个数组连接起来
    let arrConcat3 = [9, 10, 11, 12]
    console.log(arrConcat.concat(arrConcat2, arrConcat3)) // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]

    // 四、fromCharCode()
    //     定义和用法
    // fromCharCode() 可接受一个指定的 Unicode 值，然后返回一个字符串
    console.log(String.fromCharCode(72, 69, 76, 76, 79).toLowerCase()) // hello

    // 五、indexOf()
    //     定义和用法 => 找不到返回-1
    // indexOf()方法可返回某个指定的字符串值在字符串中首次出现的位置的索引
    console.log(str.indexOf('o')) // 4 
    console.log(str.indexOf('Hello')) // 0
    console.log(str.indexOf(',')) // 5
    console.log(str.indexOf('world')) // 6

    // 六、lastIndexOf()
    //     定义和用法 => 找不到返回-1
    // lastIndexOf()方法可返回一个指定的字符串值最后出现的位置 在一个字符串中的指定位置从后向前搜索
    console.log(str.lastIndexOf('l')) // 9
    console.log(str.lastIndexOf(',')) // 5
    console.log(str.lastIndexOf('o')) // 7


    // 八、match()
    //     定义和用法 => 找不到返回null 正则中使用偏多
    // match() 方法可在字符串内检索指定的值 或找到一个或多个正则表达式的匹配
    console.log(str.match('Hello'))//['Hello',index:0,input:'Hello,wodld!',groups:undefined]
    console.log((str + 123).match(/\d+/g)) //['123] 匹配出所有的数字返回处理


    // 九、test()
    //     定义和用法 => 检索一个字符串是否匹配一个正则表达式 返回布尔值
    console.log(/\d+/g.test(str)) // false
    console.log(/\d+/g.test(str + '123')) // true

    // 十、replace(需要替换的值, 用来替换的值)
    //     定义和方法 => 替换字符
    console.log(str.replace(/world/, '独爱那杯cc')) // Hello,独爱那杯cc!
    // 将字符串中所有单词的首字母都转换为大写
    let name = 'aaa bbb ccc';
    uw = name.replace(/\b\w+\b/g, function (word) {
      return word.substring(0, 1).toUpperCase() + word.substring(1);
    }
    );
    console.log(uw)//'Aaa Bbb Ccc'

    // 十一、substring和substr截取字符串区别
    // 相同点：如果只是写一个参数，两者的作用都一样：都是是截取字符串从当前下标以后直到字符串最后的字符串片段。
    console.log(str.substring(1)) // ello,world!
    console.log(str.substr(1)) // ello,world!
    // 不同点：第二个参数
    console.log(str.substr(1, 9)) // ello,worl 第二个参数是截取这个字符串的长度
    console.log(str.substring(1, 9)) // ello,wor 第二个参数是截取字符串最终的下标

    // 十一、search()
    //       定义和用法 => 用于检索字符串中指定的子字符串 或检索与正则表达式相匹配的子字符串  返回下标 找不到是-1
    console.log(str.search(/Hello/)) // 0
    console.log(str.search(/hello/)) // -1  对大小写敏感
    console.log(str.search(/hello/i)) // 0  忽略大小写的检索

文章来源地址https://www.toymoban.com/news/detail-806531.html

到了这里，关于前端常用数据处理语法-1的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！