JavaScript学习基础篇(三)

JavaScript字符串

• 字符串方法直接上代码吧：

// length 函数
var a= "abcdefg" ;
var len1=a.length;
console.log(len1); //输出字符串长度 7

• 查找字符串方法

• indexOf()
• lastIndexOf()
• includes()
• startsWith(searchvalue, start)
• endsWith(searchvalue, length)

//索引从0开始
//indexOf()返回查询字符串第一次出现的索引位置 未找到返回 -1
var b="My name is Jack"
var pos=b.indexOf("is"); 
console.log(pos); //输出8 (计算了空格)

//lastIndexOf()返回查询字符串最后出现的索引位置 未找到返回 -1
var b="My name is Jack is"
var pos=b.indexOf("is"); 
console.log(pos); //输出16 (计算了空格)

var str2=a.includes("use");
console.log(str2);//true
var str3=a.includes("python");
console.log(str3);//false

//startsWith(searchvalue,start)字符串指定以start值开头  start默认值为0
var a="Can you use JavaScript? can you use Vscode?";
var str=a.startsWith("Can"); //区分大小写
console.log(str);//输出true
var str1=a.startsWith("Can",2); //以n开头
console.log(str);//输出false

//endsWith(searchvalue,length)区分大小写
var a="Can you use JavaScript? can you use Vscode?";
var str=a.endsWith("Vscode?"); //查询以Vscode?结尾的
console.log(str);//true
var a="Can you use JavaScript? can you use Vscode?";
var str=a.endsWith("use",11); //第11个长度以use结尾
console.log(str); //true

• 提取字符串

• slice(start,end)
• substring()
• substr()
• match()

//slice(start,end)
var a="Are you learning JavaScript?";
var str=a.slice(4,7);
console.log(str);//输出 "you"
//如果只写start参数
var str1=a.slice(7); // (同理)参数为负数时从尾部向前截取
console.log(str1);//输出 "learning JavaScript?" 

//substring() 和slice()几乎相同,不同在于substring()不能取负数索引
var a="Are you learning JavaScript?";
var str2=a.substring(7,12); 
console.log(str2); //输出 lear

//substr()和slice()也很相似,不同在于 substr的第二个参数是选取的字符串长度
var a="Are you learning JavaScript?";
var str3=a.substr(7,8); //从索引7开始 截取长度为8
console.log(str3);//输出learnin

//match()方法根据正则表达式在字符串中搜索匹配项
var a="Can you use JavaScript? Can you use Vscode?";
var str=a.match(/you/g); //找到字符串中的所有子串
console.log(str);//输出['you', 'you']

• 替换字符串内容

• replace()

//replace() 字符串替换 
//对大小写敏感
var a="Are you learning JavaScript?";
var str2=a.replace("JavaScript","Python");
console.log(str2);//输出结果"Are you learning Python?" 

• 转换为大写和小写

• toUpperCase()
• toLowerCase()

//toUpperCase() //转换字符串大写 
var a="Are you learning JavaScript?";
var str2=a.toUpperCase();
console.log(str2); //输出结果 ARE YOU LEARNING JAVASCRIPT?

//toLowerCase()方法 //转字符串小写

• 连接字符串和删除两端空格

• concat()
• trim()

//concat() 字符串连接
var a="Are you learning";
var b="JavaScript?";
var str01=a.concat(" "+b);
console.log(str01); //输出结果 Are you learning JavaScript?

//trim()方法删除字符串两端的空格符
var a="     Are you learning JavaScript?      ";
var str01=a.trim();
console.log(str01);//输出"Are you learning JavaScript?"
console.log(a);//输出"     Are you learning JavaScript?      "

• 提取字符串字符的安全方法

详情查询 https://www.w3school.com.cn/js/js_string_methods.asp

//charAt() ,charCodeAt() 
//直接上代码
var c=a.charAt(1);
console.log(c);//输出 r
var b=a.charCodeAt(1); 
console.log(b);//输出114  字符 unicode 编码

• 字符串转换数组方法

//split()将字符串转换为数组 参数为切割字符
var a="Are you learning JavaScript?";
var str2=a.split(" ");
console.log(str2);//输出 ['Are', 'you', 'learning', 'JavaScript?']