建站教程

建站教程

Products

当前位置:首页 > 建站教程 >

js笔记十三之字符串及常用方法(JavaScript字符和ASCII实现互相转换)

GG网络技术分享 2025-03-18 16:14 2


js笔记十三之字符串及常用方法

字符串常用方法

var str = \"welcome to javascript,good good study,day day up!\"

// -> 字符创就是由零到多个字符组成的

  • 索引

str[0] // -> \'w\'

str[str.length-1] // -> \'!\'

str[100] // -> undefined

  • 长度

str.length // -> 49

  • charAt()

str.charAt(0) // -> \'w\'

str.charAt(str.length - 1) // -> \'!\'

str.charAt(100) // -> \'\'

  • charCodeAt()

str.charCodeAt(0) // -> 119

String.fromCharCode(119) // -> \'w\' 以ASCII码表数值找到对应的字符

  • sunstr() & substring() & slice()

str.substr(3,7) // -> \"come to\"

str.substring(3,7) // -> \"come\"

str.slice(3,7) // -> \'come\'

str.substring(-7,-3) // -> \'\'

str.slice(-7,-3) // -> \'day \' => str.slice(str.length-7,string-3)

  • toUpperCase & toLowerCase

// 全部转换为大写

str.toUpperCase()

// \"WELCOME TO JAVASCRIPT,GOOD GOOD STUDY,DAY DAY UP!\"

// 全部转换为小写

str.toLowerCase()

// \"welcome to javascript,good good study,day day up!\"

  • indexOf & lastIndexOf

str.indexOf(\',\') // -> 21

str.lastIndexOf(\',\') // -> 37

// 字符串中不存在的字符 结果为 -1

str.indexOf(\'#\') // -> -1

if(str.indexOf(\'?\') === -1){

// -> 字符串中不存在该字符

}

if(str.indexOf(\'?\') >= 0){

// -> 字符串中存在该字符

}

  • split

var hobbyList = \"music|movie|sport|read\"

hobbyList.split(\'|\') // -> [\"music\", \"movie\", \"sport\", \"read\"]

// 如果不存在要分割的字符,则把字符串作为一个元素存在数组中

hobbyList.split(\'#\') // -> [\"music|movie|sport|read\"]

// 如果要分割的字符在字符串中最后一位,则分割出的数组会在最后添加一个空字符串作为数组的一个元素

var hobbyList = \"music|movie|sport|read|\"

hobbyList.split(\'|\') // -> [\"music\", \"movie\", \"sport\", \"read\", \"\"]

// split支持正则的规则拆分

var str = \"name=lilei&age=18\";

str.split(/=|&/g) // -> [\"name\", \"lilei\", \"age\", \"18\"]

  • replace

var str = \'his name is lilei,his name is lilei\';

str.replace(\'lilei\',\'李雷\') // -> \"his name is 李雷,his name is lilei\"

// 有些需求即使执行多次replace也实现不了,此时需要使用正则处理,真实项目中replace一般是和正则搭配使用的

var str = \'his name is lilei,his name is lilei\';

str.replace(/lilei/g,\"李雷\") // -> \"his name is 李雷,his name is 李雷\"

  • trim & trimLeft(trimStart) & trimRight(trimEnd)

var str = \" javascript \"

str.trimLeft() // -> \"javascript \"

str.trimRight() // -> \" javascript\"

str.trim() // -> “javascript

JavaScript字符和ASCII实现互相转换

这篇文章主要介绍了JavaScript字符和ASCII实现互相转换,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

在处理字符时,有时需要和ASCII码相互转换,博主便简单整理了一篇。

字符转ASCII

需要用变量的方法(js自带函数)。

单个字符转ASCII

let x = \'a\';
x.charCodeAt(); //会输出\'a\'的ASCII码,即97

字符串转ASCII

let x = \'abc\';      //x必须严格为char类型

//若x = 1,会报错,而不会转换成\'1\'

x.charCodeAt(1);    //会输出x[1],即\'b\'的ASCII码,即98

x.charCodeAt(0,1);  //只会输出x[0],即默认只看第一位参数

x.charCodeAt(3);    //x[3]没有数据,会输出NaN

//若函数不带参,则默认参数为0

ASCII转字符

需要用String的方法(js自带函数)。

String.fromCharCode(97); //会输出ASCII码为97的字符,即\'a\'
String.fromCharCode(97,98,99); //该操作合法,会输出\'abc\'
String.fromCharCode(\'97\'); //此处字符串会转成数字,即等价于String.fromCharCode(97);
String.fromCharCode(\'a\'); //会输出空格\' \'

最后附上ASCII码相关资料

在线转换工具https://c.runoob.com/front-end/3602

ASCII码手册https://www.runoob.com/tags/html-ascii.html

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

JavaScript字符和ASCII实现互相转换 (https://www.wpmee.com/) javascript教程 第1张

标签:

提交需求或反馈

Demand feedback