JavaScript--内置对象--字符串--方法

charAt

charAt() 方法可返回指定位置的字符。

第一个字符位置为 0, 第二个字符位置为 1,以此类推

var str = "HELLO WORLD";
var n = str.charAt(2)

split

split() 方法用于把一个字符串分割成字符串数组。

提示： 如果把空字符串 ("") 用作 separator，那么 stringObject 中的每个字符之间都会被分割。

注意： split() 方法不改变原始字符串。

    var str = `email=123&id=246&username=kaiven`
    var re = str.split("&")
    console.log(re)

slice

slice(start, end) 方法可提取字符串的某个部分，并以新的字符串返回被提取的部分。

使用 start（包含） 和 end（不包含） 参数来指定字符串提取的部分。

start 参数字符串中第一个字符位置为 0, 第二个字符位置为 1, 以此类推，如果是负数表示从尾部截取多少个字符串，slice(-2) 表示提取原数组中的倒数第二个元素到最后一个元素（包含最后一个元素）。

end 参数如果为负数，-1 指字符串的最后一个字符的位置，-2 指倒数第二个字符，以此类推

var str="Hello world!";
var n=str.slice(1,5);

toLowerCase和toUpperCase

toLowerCase和toUpperCase用于英文字母的大小写切换

    var str = "abcABC"
    var re = str.toLowerCase()
    var re2 = str.toUpperCase()
    console.log(re, re2)

charCodeAt

charCodeAt() 方法可返回指定位置的字符的 Unicode 编码，返回值是 0 - 65535 之间的整数，表示给定索引处的 UTF-16 代码单元。

字符串中第一个字符的位置为 0， 第二个字符位置为 1，以此类推。

var str = "HELLO WORLD";
var n = str.charCodeAt(0); 

indexOf

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

如果没有找到匹配的字符串则返回 -1。

注意： indexOf() 方法区分大小写。

var str="Hello world, welcome to the universe.";
var n=str.indexOf("welcome"); 

endsWith和startsWith

• startsWith()：返回布尔值，判断参数字符串是否在原字符串的头部。
• endsWith()：返回布尔值，判断参数字符串是否在原字符串的尾部。

var str = "Hello world, welcome to the Runoob"
var re = str.startsWith("Hello")
var re2 = str.endsWith("Hello")
console.log(re,re2)

padStart和padEnd

• padStart：返回新的字符串，表示用参数字符串从头部（左侧）补全原字符串。
• padEnd：返回新的字符串，表示用参数字符串从尾部（右侧）补全原字符串。

    var str = "250"
    var re = str.padStart(4, "共")
    var re2 = str.padEnd(4, "元")
    console.log(re,re2)

trim

    笔试题: 去掉字符串的首尾的空字符 (至少3种)
    var str = "   abc  "
    var re = str.trim()
    console.log(re)

文字加特效

见代码

    var str = "2"
    // var re = str.big()
    // var re = str.small()
    // var re = str.sub()
    // var re = str.sup()
    var re = str.fontcolor("red")
    // var re = str.fontsize("30px")
    // var re = str.bold()
    // var re = str.italics()
    // var re = str.link("http://www.baidu.com")
    // var re = str.hqyj("19px", "#000")
    // // var re = str.blink()
    // console.log(re)
    // document.body.innerHTML += `H${re}O`

可以自己设计

    String.prototype.hqyj = function (fontsize, color) {
      return `<font size="${fontsize}" color="${color}">${this}</font>`
    }