zoukankan      html  css  js  c++  java
  • js 字符串常用方法

    数组方面

    1、push:向数组尾部增加内容,返回的是新数组的长度。

    1 var arr = [1,2,3];
    2 console.log(arr);
    3 var b = arr.push(4);
    4 console.log(b);
    5 console.log(arr);
    6 //  [1, 2, 3]
    7 //  4   //表示当前数组长度
    8 // [1, 2, 3, 4]

    与之相反的是pop, 在结尾删除一个值,并返回删除的值。

    1 var arr = [1,2,3];
    2 console.log(arr);
    3 arr.pop();
    4 console.log(arr);
    5 // [1,2,3]
    6  //[1,2]

    2、unshift :向数组开头增加内容,返回新数组的长度。

    1 var c = arr.unshift();
    2 console.log(arr);
    3 // [-1, 0, 1, 2, 3]

    与之相反的是shift,在开头删除一个值,并返回删除的值。

    1 var d = arr.shift();
    2 console.log(d);
    3 console.log(arr);
    4 // 1
    5 // [2, 3]

    3、toString:数组转化成字符串,原来的数组不变。

    1 console.log(arr);
    2 arr = arr.toString();
    3 console.log(arr);
    4 // [1,2,3]
    5  //'1,2,3' 而不是'123'

    4、concat:数组的拼接,参数可以是数组也可以一个接一个,原来的数组不变。

    var arr = [1,2,3];
    var b = arr.concat([1,2,3]);
    console.log(b);
    //[1,2,3,1,2,3]

    5、join:(分隔符),每一项拿出来用指定的分隔符分开,不带参数默认为",",原来的数组不变。

    var arr = [1,2,3];
    var b = arr.join("");
    console.log(b);
    //"123"

    6、splice 和 slice
      splice(x,y,z) 从x开始清除长度为y的元素,并用z替换。z类似于item1, ..., itemX这样。原来的数组改变。

    var arr = [1,2,3];
    var b = arr.join("");
    console.log(b);
    //"123"

    当不写第三个数的时候,相当于删除功能!当第二个为0时,相当于添加功能!

    详解

    删除时,两个参数,第一个是开始位置,第二个是删除长度。

    插入时,三个参数,第一个是插入位置(在之前插入),第二个是0,第三个是插入的内容。

    替换时,三个参数,第一个是开始位置,第二个是删除长度,第三个是替换的内容

    slice(x,y) :从x到y(不包括),并把新的内容作为新的数组返回。原来的数组不变。

    var b = arr.slice(0,1);
    // [1]

    7、reverse: 将原来的数组倒过来排序,原来的数组改变。

    var arr = [1,2,3];
    arr.reverse();
    console.log(arr);
    // [3,2,1]

    8、sort:排序,可以实现由小到大,由大到小。基本的只能处理10以内,要额外的处理。原来的数组改变。

    var arr = [1,3,2,50,23];
    arr.sort(function(a,b) {return a - b ;}); //从小到大
    console.log(arr);
    // [1,2,3,23,50] 
    // 更换a和b的顺序,就是从大到小。
    //也可以这样。
    [{name:"张三",age:30},{name:"李四",age:24},{name:"王五",age:28}].sort(function(o1,o2){returno1.age-o2.age;}) 
    // [{name: "李四",age: 24 },{name: "王五",age: 28},{name: "张三",age: 30 }] 

    9、再类似于forEach、filter、map、reduce等。

    字符串

    1、charAt: 返回字符串的给定位置的字符串。

    var arr = 'abcdefg';
    console.log(arr.length);
    console.log(arr.charAt(1));
    console.log(arr[1]);
    // 7
    // b
    // b

    2、concat: 连接2个字符串。原来的不变。

    var arr = 'abcdefg';
    var
    b = arr.concat("abc"); console.log(b); // "abcdefgcde"

    3、substring、substr、slice 都可省略第二个参数,表示持续到字符串结束。
      substring(x,y) 返回从x到y(不包括y) 位置颠倒时,互换。

    var arr = 'abcdefg';
    var
    s = arr.substring(1,3); console.log(s); // "bc"

      substr(x,y) 返回从x开始的长度为y的字符串

    var s = arr.substr(1,3);
    console.log(s);
    // "bcd"

      slice(x,y) 返回从x到y(不包括y) 位置颠倒时,结果为空字符串

    var s = arr.slice(1,3);
    console.log(s);
    var s = arr.slice(3,1);
    console.log(s);
    // bc
    //  ""

    4、trim : 去除两端的空格,不影响之前的字符串

    var arr = '  abcdefg     ';
    var a = arr.trim();
    console.log(a);
    //abcdefg

    5、toLowerCase 、toUpperCase :转为大小写,原来的不变。

    var b = arr.toUpperCase();
    console.log(b);
    //"ABCDEFG"

    6、indexOf、lastIndexOf,确定一个字符串在另一个字符串中的第一次出现的位置,一个从头部开始,一个从尾部开始。

    var arr = 'abccba';
    var b = arr.indexOf('b');
    console.log(b);
    // 1
    var c = arr.lastIndexOf('c');
    console.log(c);
    // 3

    它们还可以接受第二个参数,对于indexOf,表示从该位置开始向后匹配;对于lastIndexOf,表示从该位置起向前匹配。

    7、split 将separate作为切割字符,结果存在一个字符串中。

    var arr = 'a b c c b a';
    var b = arr.split(' ');
    console.log(b);
    // ["a", "b", "c", "c", "b", "a"]

    为空时,相当于字符串转为了数组。

    toFixed() 保留小数,结果是字符串类型的!!

    var a = 1.1212;
    console.log(a.toFixed(2));
    // 1.12  
    转换为字符串

    parseInt 和 parseFloat

    var a = 024;
    console.log(parseInt(a,10));
    // 24
    转为number

    数字转字符 toString or 数字 + ""

    var a = 55;
    console.log(typeof a) //number
    a = toString(a)
    console.log(typeof a)//string
    a+=''    //string
  • 相关阅读:
    python 保存两位小数
    python 临时文件
    Windows 10 右键 在此处打开 CMD
    windows 10 右键菜单注册表位置
    GoLand 设置与配置
    docker 相关指令
    ubuntu下python版本间切换
    gitLab本地推送到远程仓库的命令
    CSS的性能优化
    Web前端:11个让你代码整洁的原则
  • 原文地址:https://www.cnblogs.com/lyWebstrat/p/6929189.html
Copyright © 2011-2022 走看看