JavaScript学习基础篇(三)

导读:本篇文章讲解 JavaScript学习基础篇(三),希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

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?']

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/48340.html

(0)
小半的头像小半

相关推荐

极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!