笔记记录-js_string

常用string方法

// console.log(action1());
function action1() {
    // 字符串
    var str = "javascript";
    console.log("length属性:" + str.length);
    console.log("字符串指定位置字符:" + str.charAt(str));
    console.log("字符串指定字符所在位置:" + str.indexOf('e'));
    console.log("子字符串:" + str.substring(1, 4));
    console.log("子字符串<从第几位开始直到末尾>:" + str.substring(1));
    var str2 = "this is javascript";
    console.log("字符串切片:" + str2.slice(4, -1));

    console.log("substr:" + str2.substr(5, 10));

    console.log("字符串切片:" + str2.replace('javascript', 'java'));
    // 空字符串 ("") 用作 separator，那么 stringObject 中的每个字符之间都会被分割
    console.log("split(''):" + str.split(''));
    console.log("split('指定字符'):" + str.split('c'));
    // 去除字符串的头尾空格
    var str3 = "    removespacefrontandbehind   ";
    console.log("split(''):" + str3.trim());

    var str4 = "welcome to javascript.";
    console.log("检索字符串中指定的子字符串");
    console.log("number=" + str4.search("javascript"));
    console.log("与指定查找的字符串或者正则表达式相匹配的 String 对象起始位置。");

    var str5 = "The rain in SPAIN stays mainly in the plain";
    // 只执行一次匹配
    var m1 = str5.match(/ain/);
    // g 寻找字符串中所有匹配的项 以数组返回
    var n2 = str5.match(/ain/g);
    // gi 不区分大小写 // 以数组返回
    var n = str5.match(/ain/gi);

    console.log(m1, n, n2);
}

string拼接

// console.log(action2());
function action2() {
    // 字符串拼接
    // 方式一: +
    var x = "it is ";
    var y = "javascript";
    var z = x + y;
    console.log(z);

    // 方式二: join()
    var a = " fasdfajfak"
    var b = "vzcbvnzcbvzc";
    var arr = new Array();
    arr.push(a);
    arr.push(b);
    console.log(arr);
    var str = arr.join("");
    console.log(str);

    // join("")  join()默认有,
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    var energy = fruits.join();
    console.log(energy);

    var energy2 = fruits.join(" and ");
    console.log(energy2);

    // 方式三: \
    var html = '\
    <h1>\
    js字符串拼接\
    </h1>\
    <a href="javascript:;" οnclick="alert(\'js转义\')">js转义使用</a>\
    <br/>\
    hello \'world\'\
    ';
    console.log(html);

    // 方式四: concat函数
    var str1 = "Hello "
    var str2 = "world!"
    console.log(str1.concat(str2));

    // 方式四: 使用键盘1左边的字符  拼接
    let htmlStr = `<ul><li><p> take me to your heart </p></li></ul>`;
    console.log(htmlStr);
    // 模板字符串:使用tab键上面的反引号``,插入变量时使用${变量名}
    let id = 1,name = '小米';
    // `` 为键盘tab上面的按键
    let htmlStr2 = `<ul><li><p id=${id}>${name}</p></li></ul>`;
    console.log(htmlStr2);
}

// 拼接方式+ push  append 性能对比
// https://www.cnblogs.com/programs/p/5554742.html