资讯专栏INFORMATION COLUMN

JavaScript面向对象中的String类型个人分享

Fundebug / 1978人阅读

摘要:类型大小写转换表示将小写内容转换为大写内容表示将大小内容转换为小写内容示例代码构造函数方式表示将小写内容转换为大写内容表示将大小内容转换为小写内容调用结果为调用结果为控制台调用效果图根据指定位置获取字符串表示通过指定字符串中指定字符

String类型 大小写转换

toUpperCase() - 表示将小写内容转换为大写内容

toLowerCase() - 表示将大小内容转换为小写内容

示例代码:

/* 构造函数方式 */
var str = new String("yiiuyishijie");
/*
    toUpperCase() - 表示将小写内容转换为大写内容
    toLowerCase() - 表示将大小内容转换为小写内容
 */
var result = str.toUpperCase();
console.log(result);// 调用结果为 YIIUYISHIJIE
console.log(result.toLowerCase());// 调用结果为 yihuayishijie

控制台调用效果图:

9.根据指定位置获取字符串

表示通过指定字符串中指定字符的位置(索引值)来获取对应的内容

charAt() - 返回指定的字符内容

charCodeAt() - 返回指定字符对应的Unicode码

示例代码:

var str = "yihuayishijie";
/* String类型的length属性 - 表示字符串的长度(就是个数) */
console.log(str.length);//调用结果为 13

// String与Array不存在关系
console.log(Array instanceof String);// 调用结果为 false
console.log(String instanceof Array);// 调用结果为 false
console.log(Array.prototype instanceof String);// 调用结果为 false
console.log(String.prototype instanceof Array);// 调用结果为 false

/*
    根据指定位置获取字符
      * charAt() - 返回指定的字符内容
      * charCodeAt() - 返回指定字符对应的Unicode码
 */
console.log(str.charAt(6));// 调用结果为 i
console.log(str.charCodeAt(7));// 调用结果为 115
检索字符串

表示检索目标字符串中是否存在指定字符

indexOf()方法 - 是从左向右找到第一个符合的字符串值的位置

lastIndexOf方法 - 是从右向左找到第一个符合的字符串值的位置

示例代码:

var str = "yihuayishijie";

 
console.log(str.indexOf("a"));// 调用结果为 4
console.log(str.lastIndexOf("i"));// 调用结果为 11
截取字符串 slice()方法

slice(begin, end)方法

作用 - 截取指定开始位置到结束位置的子字符串(子字符串就是字符串里的内容)

参数 - 允许是负数,零和正数

begin - 表示开始截取的位置

end - 表示结束截取的(下一个)位置

返回值 - 返回截取的新字符串

注意 - 该方法的参数可以填写负数

示例代码:

var str = "yihuayishijie";

console.log(str.slice(5,11));// 调用结果为 yishij
console.log(str.slice(-6,-1));// 调用结果为 shiji
substr()方法

substr(start,length)方法

作用 - 截取指定开始位置的指定长度的子字符串

参数

start - 表示开始截取的位置

length - 表示截取的长度

返回值 - 返回截取的新字符串

示例代码:

var str = "yihuayishijie";

console.log(str.substr(4,7));// 调用结果为 ayishij
substring()方法

substring(start,end)方法

作用 - 截取指定开始位置到结束位置的子字符串

参数 - 只能是大于等于零的值

start - 表示开始截取的位置

end - 表示结束截取的(下一个)位置

返回截取的新字符串

注意: 该方法的参数不能写负数否则无效,编辑器不会报错,控制台也不会输出

示例代码:

var str = "yihuayishijie";

console.log(str.substring(4,9));// 调用结果为 ayish
console.log(str.substring(-1,-6));// 调用结果啥也没有
分隔字符

表示对指定的字符串进行分隔,并将分隔后的字符以数组的形式进行返回

split(separator)方法

作用 - 用于分隔字符串

separator - 表示字符串中字符之间的分隔符(可以是各种符号)

返回值 - 返回分隔后的数组

示例代码:

var str = "皮;卡;丘;皮;卡;皮;卡;丘";

var arr = str.split(";");
console.log(arr);

控制台调用效果图:

注意 - 如果当指定的字符串内容没有分隔符的时候就在split()方法的参数中写空字符串(""),就会达到分隔效果.

示例代码:

var apt = "yihuayishijie";
 

var are = apt.split("");
console.log(are);
利用循环遍历的方法将字符串进行分隔并反转

示例代码:

var s1 = "yihuayisjijie";
var s2 = [];
/* 循环遍历 */
for (var i=0;i

控制台效果图:

替换子字符串

表示匹配指定字符串中的指定内容,将其替换成新的内容

replace(reg,str)方法

作用 - 匹配指定字符串中的指定内容,将其替换为新的指定内容

参数

reg - 用于定义正则表达式(搜索匹配的内容) - 被替换的内容

str - 表示替换的内容

返回值 - 返回替换后的新字符串

示例代码:

var str = ""One flower, one world, one leaf, one lonely city.";


var result = str.replace(/one/ig, "轰天密令");
console.log(result);// 调用结果为 "轰天密令 flower, 轰天密令 world, 轰天密令 leaf, 轰天密令 l轰天密令ly city.
匹配字符串

match(reg)方法

作用 - 用于匹配指定字符串中的指定内容

参数

reg - 正则表达式

返回值 - 数组

第一个元素 - 表示匹配的内容

第二个元素 - 表示匹配内容所在的位置(索引值)

第三个元素 - 表示完整字符串

如果匹配的内容数量大于一个的话 - 那么就返回所有匹配内容

示例代码:

var str = ""One flower, one world, one leaf, one lonely city.";


var result = str.match(/one/);
console.log(result);

控制台效果图:

查找字符串

表示通过正则表达式去查找指定字符串中的指定内容

search(reg)方法

作用 - 查找指定字符串中的指定内容

参数

reg - 表示正则表达式

返回值

如果只匹配一个指定内容的话,返回匹配内容第一个字符的索引值

如果匹配多个指定内容的话,返回第一个匹配内容的第一个字符的索引值

示例代码:

var str = ""One flower, one world, one leaf, one lonely city.";


var result = str.search(/one/ig);
console.log(result);

控制台效果对比图:

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/108437.html

相关文章

  • 听飞狐聊JavaScript设计模式系列01

    摘要:前言大家好,小弟飞狐,爱学习,爱装逼,乐于分享,初来乍到,请多多关照。特别注意一下,函数在中是对象,不是一种数据类型,这可是世界的一等公民。和,和的关系又很暧昧,后面细说,要不然会晕菜。基本数据类型,,,,,这五种基本数据类型是按值访问的。 前言 大家好,小弟飞狐,爱学习,爱装逼,乐于分享,初来乍到,请多多关照(~ o ~)~zZ。出道几年,对JavaScript情有独钟,聊技术之前,...

    CHENGKANG 评论0 收藏0
  • JavaScript面向对象中的错误与异常个人分享

    摘要:错误与异常错误与异常概念所谓错误就是错误就是程序中不正常的运行状态在其他编程语言中称为异常或错误解释器会为每个错误情况创建并且抛出一个对象对象包含错误的描述信息语句语句作用用于捕获和处理代码中的错误语句作用用于处理语句中出现的错误语句 错误与异常 错误与异常概念 所谓错误就是错误就是程序中不正常的运行状态 在其他编程语言中称为异常或错误 解释器会为每个错误情况创建并且抛出一个Erro...

    王陆宽 评论0 收藏0
  • JavaScript面向对象中的Array类型个人分享

    摘要:类型检测数组示例代码调用结果为方法作用用于判断当前对象的数据类型结果特点可以准确判断出当前变量的类型调用结果为调用结果为报错调用结果为调用结果为方法判断指定类型是否出现在当前对象的原型链中调用结果为转换数组提供了两种方法用于数组的转 Array类型 检测数组 示例代码: var arr = [1,2,3,4,5]; console.log(arr instanceof Array);/...

    KnewOne 评论0 收藏0
  • JavaScript面向对象中的Function类型个人分享

    摘要:类型与函数的概念函数这样的一段代码它只定义一次但是可能被执行或调用多次类型是提供的引用类型之一通过类型创建对象在中函数也是对象的形式存在注意每个函数都是以个对象与函数函数声明方式示例代码一笑一人生字面量方式示例代码一花一世界判断函数是否为类 Function类型 Function与函数的概念 函数这样的一段JavaScript代码,它只定义一次,但是可能被执行或调用多次 Functi...

    LeviDing 评论0 收藏0
  • JavaScript面向对象中的原型个人分享

    摘要:原型原型是什么所谓原型就是类型对象的一个属性在函数定义时就包含了属性它的初始值是以个空对象在中并没有定义函数的原型类型所以原型可以是任何类型原型是用于保存对象的共享属性和方法的原型的属性和方法并不会影响函数本身的属性和方法示例代码类型的属性 原型 原型是什么 所谓原型(Prototype)就是Function类型对象的一个属性 在函数定义时就包含了prototype属性,它的初始值是...

    pakolagij 评论0 收藏0

发表评论

0条评论

Fundebug

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<