JS 字符串String对象

朱雀 2021-03-27 11:59 594阅读 0赞

## 包装类型和字符串的不可变性 ##

*  1.包装类型
*  包装类型：简单数据类型对应的复杂形势！

//包装类型：String/Number/Boolean;

//简单类型：string/number/boolean/undefined/null;

//1.包装类型;

var obj = new Object(); obj.aaa = 111;

//自定义属性

console.log(obj.aaa);

// 111 获取属性值

//number：简单数据类型不可以自定义属性

var num = 111;
num.bbb = 222;

console.log(num.bbb);

// undefined 简单数据类型不可以自定义属性;

//简单数据类型有属性！！！

var str = "abc"; 
console.log(str.length);

// 3

*  2.字符串的不可变性

（字符串一旦定义就不会被修改,想要修改重新开辟空间）

# 根据索引查字符 #

## 1.charAt( ) ##

//1.字符串.charAt(索引值); 字符串中对应索引值的字符。 
//兼容性很棒; 例： 
var str = "0Aabcd我&"; 
console.log(str.charAt(1));
// A 
console.log(str.charAt(3));
// b 
console.log(str.charAt(str.length-2)); 
// 我 
console.log(str.charAt(str.length-1)); 
// &

## 2.字符串\[索引值\] ##

// 用法 str[0] 字符串[索引值] 
// 和数组一样；但是兼容性不好;H5新增，ie678不支持; 用法和charAt一样 例： 
var str = "0Aabcd我&"; 
console.log(str[1]); 
// A 
console.log(str[3]); 
// b 
console.log(str[str.length-2]); 
// 我 
console.log(str[str.length-1]); 
// &

## 3.字符串.charCodeAt(索引值) ##

字符串.charCodeAt(索引值); 
// 给索引，查对应的Unicode编码; 
console.log(str.charCodeAt(0)); 
// 48 
console.log(str.charCodeAt(1)); 
// 65 
console.log(str.charCodeAt(2)); 
// 97

# 根据字符查索引 #

## 1.indexOf( ) ##

例：

//indexOf(); 给字符查索引(从前往后) 
var str = "abcdcbb"; 
console.log(str.indexOf("a"));
// 0 
console.log(str.indexOf("b"));
// 1 
console.log(str.indexOf("xxx"));
//查不到返回 -1 
//查多个字符 
console.log(str.indexOf("abc"));
// 0 以首个单词字符为准; 
console.log(str.indexOf("ac")); 
// 不完整或者顺序不对都是-1; 
console.log(str.indexOf("acb"));
// 不完整或者顺序不对都是-1;

## 2.lastIndexOf() ##

lastIndexOf();   
// 给字符查索引(从后往前) 
//同理indexOf； 
//字符串一旦声明，索引值就固定了，无论从前往后，还是从后往前，索引值都是固定的 
var str = "abcdcbb"; 
console.log(str.lastIndexOf("b"));
//6

# 字符串连接和截取 #

## concat( ) ##

// 拼接字符串 (拼接字符串更喜欢直接用 + ) 
var str1 = "123"; 
var str2 = "abc"; 
console.log(str1.concat(str2)); 
// 123abc 
//拼接数组 
var arr1 = [11,22,33]; 
var arr2 = [44,55,66]; 
console.log(arr1.concat(arr2)); 
// [1, 12, 33, 44, 55, 66]

## slice( ) ##

var str = "123abc"; slice() 
//从start位置开始，截取到end位置，end取不到 
//和数组的完全一样： 字符串.slice(开始索引值，结束索引值); 
console.log(str3.slice(3)); 
//从索引值为3的元素截取到最后 abc 
console.log(str3.slice(0,3)); 
//包左不包右 123 
console.log(str3.slice(-2)); 
//从后面截取两个 bc 
console.log(str3.slice(3,0)); s
//前面一个数大，后面的数小; 返回 "";

## substr( ) ##

var str = "123abc"; substr() 
//开始索引值，截取几个; 
console.log(str3.substr(3)); 
//从索引值为3的元素截取到最后 abc 
console.log(str3.substr(2,1)); 
//从索引值为2的往后截取一个 3 
console.log(str3.substr(-2)); 
//从后面截取两个 bc 
//前后不一样大没问题，因为第二个参数是截取几个的意思;

## substring( ) ##

var str = "123abc"; substring() 
//开始索引值，结束索引值; 
//和slice()；同样 
console.log(str3.substring(3)); 
//从索引值为3的元素截取到最后 abc 
console.log(str3.substring(0,3)); 
//包左不包右 123 
//不同: 
console.log(str3.substring(-2)); 
//全部截取 123abc 
console.log(str3.substring(3,4)); 
//智能调换 a (截取索引为3的第四个字符) 
console.log(str3.substring(3,5)); 
//智能调换 ab (从索引为3的开始截取到第5个字符)

# 字符串大小写转换 #

str.toLowerCase(); 
// 英文字符转换成小写; str.toUpperCase(); 
// 英文字符转换成大写; 
//上传文件的时候用; 因为后缀名，不区分大小写;

## trim( ) 去除字符串前后空白 ##

## search( ) 给字符查索引 ##

## replace( ) 替换 ##

var str = "Today is a good day, today is a good day."; 
//无法忽略大小写，而且只能替换一个 Tomorrow is a good day, today is a good day. 
console.log(str.replace("Today","Tomorrow")); 
//g: 全局替换; i: 忽略大小写！ Tomorrow is a good day, Tomorrow is a good day. 
console.log(str.replace(/today/ig,"Tomorrow"));

## split( ) 字符串转化成数组 ##

*  **includes()**：返回布尔值，表示是否找到了参数字符串。
*  **startsWith()**：返回布尔值，表示参数字符串是否在原字符串的头部。
*  **endsWith()**：返回布尔值，表示参数字符串是否在原字符串的尾部。
*  **`repeat()`**方法返回一个新字符串，表示将原字符串重复`n`次。
*  **`padStart()`**用于头部补全，**`padEnd()`**用于尾部补全。

`padStart()`和`padEnd()`一共接受两个参数，第一个参数是字符串补全生效的最大长度，第二个参数是用来补全的字符串。

`'x'.padStart(4, 'ab') 
// 'abax'    ``'x'.padEnd(5, 'ab') 
// 'xabab'`

*  `trimStart()消除字符串头部的空格，trimEnd()消除尾部的空格`
    *  **`raw()`**方法。该方法返回一个斜杠都被转义（即斜杠前面再加一个斜杠）的字符串，往往用于模板字符串的处理方法

# 字符串案例 #

1.判断一个字符串中出现次数最多的字符，统计这个次数

2.获取url中?后面的内容，并转化成对象的形式。例如：[http://www.dandelioncloud.cn/login?...][http_www.dandelioncloud.cn_login_...]

var str = "http://wwwadandelioncloud.cn/login?name=zs&age=18&a=1&b=2"; 
//思路：找到?,然后截取到最末尾;把字符串按照&分割;可以再次按照=分割，然后创建对象 
var index = str.lastIndexOf("?"); 
console.log(index); 
// 28 
var str2 = str.slice(index+1); 
console.log(str2); 
// name=zs&age=18&a=1&b=2 
//以&符号分割转换成数组； 
var arr = str2.split("&"); 
console.log(arr); 
// ["name=zs", "age=18", "a=1", "b=2"] 
var obj = new Object(); 
//for循环把数组中的每一个元素都遍历出来，然后前面的做属性，后面的做值; for(
var i=0;i<arr.length;i++){ 
//把数组中的元素，再次切割，然后根据索引值设置属性和值; 
var newArr = arr[i].split("="); 
//新数组中的第一个做属性，第二个做值; obj[newArr[0]] = newArr[1]; } 
console.log(obj); 
// {name: "zs", age: "18", a: "1", b: "2"}

[http_www.dandelioncloud.cn_login_...]: http://www.dandelioncloud.cn/login?name=zs&age=18&a=1&b=