zoukankan      html  css  js  c++  java
  • 字符串操作

      并不是所有后台获取的数据都是可以直接使用展示在界面上的,也不可能接到用户的互动数据什么都不干直接传给后台,所以前台的数据操作是很重要的一个环节,而数据操作最主要的还是字符串操作。

      javascript底层提供了多个api方便开发者操作字符串,这里做个记录。

    1、substring(startSub, endSub)

      该api用于取得字符串指定下标内的字符。

    var str = '2017-03-20 ++ 11:48:00';
    var startStr = str.substring(0, 10);    //2017-03-20
    var endStr = str.substring(str.length - 8);    //11:48:00

      可以很明确的看出来:两个参数取下标开始到 下标结束-1 内的字符;而一个参数时则获取的是指定下标后一位开始到结尾的字符。

    2、replace(regexp/substr, replacement)

      常用替换操作,两个参数都是必须的。

    var str = 'hello';
    var reg = /\h/;
    console.log(str.replace(reg, 'H'));  //Hello

      这里我们用正则匹配了一个小 h 并将它替换成了大写 H。

    var str = 'world';
    console.log(str.replace('world','hello world'));
    //hello world

       也可以直接通过查找字符串来进行替换。

    3、split(separator, howmany)

      将字符串打散成字符串数组,第一个参数为必须。

    var str = '123456'
    console.log(str.split(''));
    //["1", "2", "3", "4", "5", "6"]

    console.log(str.split('',5));
    //["1", "2", "3", "4", "5"]

      后一个可选参数则表示数组的最大长度,超出部分丢掉。

      我们可以用来截取url的参数:

    var str = 'http://***.html?id=1&name=ice&age=12';
    var paramArray = str.split('?')[1].split('&');
    //["id=1", "name=ice", "age=12"]

    4、join(separator)

      将数组拼接成字符串使用separator分割。

    var arr = [1,2,3,4,5];
    console.log(arr.join(''));
    //12345

    5、indexOf(searchvalue, fromindex)

      查找指定字符串在某字符串中首次出现位置,第二参数为可选,指定检索的起始位置。

    var str = 'hello';
    console.log(str.indexOf('o'));
    //4

      如果查找到了,那么返回对应下标位置,如果没找到,则返回-1。

    console.log(str.indexOf('h',1));
    //-1

    6、lastIndexOf(searchvalue, fromindex)

      与indexOf使用类似,查找指定字符串在某字符串中最后一次出现的位置,第二个参数为从指定位置从后向前检索。

      此api可简单理解为:从后往前查第一个匹配,没有返回-1。

    7、match(reg/searchvalue)

      用于匹配指定正则表达式或者字符串值。

    var str = 'hello';
    var reg = /\h/;
    console.log(str.match(reg));
    //["h", index: 0, input: "hello"]

      匹配不到时,则返回:

    var str = 'world';
    var reg = /\+/;
    console.log(str.match(reg));
    //null
    console.log(str.match('9'));
    //null

    8、slice(start, end)

      截取指定下标区间字符或数组元素。第二参数可选,不传则到结尾。

    var str = 'string';
    console.log(str.slice(2));
    //ring
    console.log(str.slice(2,4));
    //ri
    var arr = [1,2,3,4,5];
    console.log(arr.slice(2));
    //[3, 4, 5]
    console.log(arr.slice(2,4));
    //[3, 4]

    9、search(reg)

      用于查找指定子字符串,或者检索正则表达式相匹配的子字符串

    var str = 'hello'
    console.log(str.search(/\h/))
    //0
    console.log(str.search('q'));
    //-1

    10、charAt(index)

      返回字符串指定下标值

    var str = 'hello';
    console.log(str.charAt(2));
    //l

    11、toLowerCase()、toUpperCase()

      大小写转换方法。。。直接调用不需要多说。

    12、concat(n*arr/string)

      用于连接字符串或数组,不会改变原有数据

    var a = 'hello';
    var b = 'world';
    console.log(a.concat(' ', b));
    //hello world
    var a = [1];
    var b = [2];
    console.log(a.concat(b, [3]));
    //[1, 2, 3]

      事实证明,前端也很重要。

  • 相关阅读:
    软件工程实践2019第三次作业
    软件工程实践2019第二次作业
    软件工程实践2019第一次作业
    《暗时间》读书笔记
    2020 软工实践 寒假作业(1/2)
    个人技术博客——Spring中Controller的传参与返回值处理
    2020 软工实践 个人作业——软件工程实践总结
    2020 软工实践 个人作业——软件测评
    2020 软工实践 疫情统计可视化 (实现)
    2020 软工实践 疫情统计可视化(原型设计)
  • 原文地址:https://www.cnblogs.com/guofan/p/6587512.html
Copyright © 2011-2022 走看看