八、js的字符串对象

字符串创建

字面量创建（推荐!!!）

var str = “任意内容”

构造函数（了解）

var str = new String()

字符串对象

属性
str.length

方法*查找

str.indexOf(内容) str.lastIndexOf(内容) 注：不说的参数几乎用不上

方法 *平铺 *替换

str.repeat(内容) str.replace(旧内容，新内容)

方法 *转数组
str.split(分隔符)

方法 截取
str.substr(起始位置, 长度) 含前含后、substring(起始位置，结束位置) 含前不含后
方法 小写 * 大写
str.toLowerCase() 、str.toUpperCase()
方法
了解：charAt(索引) 找内容、charCodeAt(索引) 返 unicode 编码

手册：https://www.runoob.com/jsref/jsref-obj-string.html

charCodeAt(索引) 返 unicode 编码

var str = 'abcdefcghc.png';
//         0123456789
// - 需求1：返回下标0的内容和unicode编码（了解）

console.log(str.charCodeAt(0))  // 0在str字符串中对应的字符a a对应十进制 97

str.repeat(内容) 平铺

let str="qwe"
 
let str2=str.repeat(2)
 
console.log(str2) //qweqwe

使用repeat之后会将原来的字符串复制n次
str.indexOf（）
语法：str.indexOf(内容) 返回下标 从左向右

var str = 'abcdefcghc.png';
//         0123456789
console.log(str.indexOf('c'))  // 2 返回下标   从左向右 

str.lastIndexOf（）语法：str.lastIndexOf(内容) 返回下标 从右向左

var str = 'abcdefcghc.png';
//         0123456789
console.log(str.lastIndexOf('c'))  // 9  返回下标  从右向左

var str = 'abcdefcghc.png';
//         0123456789
console.log(str.lastIndexOf('cdasfdsf'))  // -1 没找到目标数的情况下返回-1

str.replace（）替换数据
//语法：str.replace(旧数据，新数据)
// 返回：替换后的数据

var str = 'abcdefcghc.png';
var newStr = str.replace('png', 'jpg')//替换数据并返回替换后的字符串
console.log(newStr) // abcdefcghc.jpg

// 数组 转 字符串： arr.join(分隔符)

var arr =  ["a", "b", "c", "d", "e", "f", "c", "g", "h", "c", ".", "p", "n", "g"];//定义一个数组
var str = arr.join('-') //用join插入“-”，转换为字符串并用一个变量承接
console.log(str)//a-b-c-d-e-f-c-g-h-c-.-p-n-g

// 字符串 转 数组： str.split(分隔符)

var str = 'abcdefcghc.png';//定义一个字符串
var arr = str.split('') //用split插入空格，转换为数组并用一个变量承接
console.log(arr)//["a", "b", "c", "d", "e", "f", "c", "g", "h", "c", ".", "p", "n", "g"]

substr(起始下标, 长度)—截取字符串

var str = 'abcdefcghc.png';//定义一个字符串
var a = str.substr(0,3) //(起始下标，长度)  含前含后 
console.log(a)//abc

str.substring(起始下标，结束下标) 含前不含后

var str = 'abcdefcghc.png';//定义一个字符串
var a = str.substring(1,4) //(起始下标，结束下标)  含前不含后 
console.log(a)//bcd

总结

明确：var str = “” 只要是引号它就是一个字符串类型
然后：系统给他创建了内置的属性和方法
好处：加快项目开发

工作
替换: replace(旧数据,新数据)
截取（含前含后): substr(起始下标, 长度）
字符串变数组: split(分隔符)
找在不在: indexOf(下标)