威海城乡建设局网站首页,网站权重怎么做,商标购买,网站的内部优化、
JS字符串对象
1.1 内置对象简介
在 JavaScript 中#xff0c;对象是非常重要的知识点。对象可以分为两种:一种是“自定义对象”外一种是“内置对象”。自定义对象#xff0c;指的是需要我们自己定义的对象#xff0c;和“自定义函数”是一些道理;内置对象#xff0c;…、
JS字符串对象
1.1 内置对象简介
在 JavaScript 中对象是非常重要的知识点。对象可以分为两种:一种是“自定义对象”外一种是“内置对象”。自定义对象指的是需要我们自己定义的对象和“自定义函数”是一些道理;内置对象指的是不需要我们自己定义的(即系统已经定义好的)、可以直接使用的对象“内置函数”也是一样的道理。 作为初学者我们先学习内置对象然后在学习 JavaScript 进阶的内容时再学习自定义对象。在 JavaScript 中常用的内置对象有4种。 字符串对象: String。 数组对象:Array。 日期对象:Date。数值对象:Math。 这4个对象都有非常多的属性和方法对于不常用的我会一笔带过留出更多篇幅给大家讲解最实用的这样可以大幅度地提高小伙伴们的学习效率。实际上任何一门 Web 技术的知识点都非常多但是我们并不需要把所有的知识点都记住只需要记住常用的就可以了。因为大部分内容我们都可以它们列为“可翻问知识”(也就是不需要记忆等需要用的时候再回来翻一翻就可以获取的那部分内容) 在这一章中我们先来学习一下字符串对象的常用属性和方法。
1.2 获取字符串长度
在 JavaScript 中我们可以使用 length 属性来获取字符串的长度。
语法
字符串名.length
说明
调用对象的属性时我们要用到点运算符(.)可以将其理解为“的”如 str.length 可以看 成“str 的length(长度)”。 字符串对象的属性有好几个我们需要掌握的只有length 这一个。获取字符串的长度在实际 开发中用得非常多。
举例:获取字符串长度 script
var str I love you!;
document.write(字符串长度是: str.length);
/script
浏览器预览效果如图 所示。
分析
对于 str 这个字符串小伙伴数来数去都觉得它的长度应该是 10怎么输出结果是 11 呢? 这是因为空格本身也是作为一个字符来处理的这一点我们很容易忽视。”举例:获取一个数字的长度
Document 浏览器预览效果如图 所示。 
分析
这里我们定义了一个getLenth)函数用来获取任意一个数字的位数。在var strn‘’;一句代码中让n加上一个空字符其实就是为了把数字转换成字符串这样才可以使用字符串对象中的 length 属性。
1.3大小写转换
在JavaScript 中我们可以使用toLowerCase()方法将大写字符串转化为小写字符串也可以使用toUpperCase()方法将小写字符串转化为大写字符串。
语法
字符串名.toLowerCase()
字符串名.toUpperCase()
说明
调用对象的方法时我们也要用到点运算符(.)。但是属性和方法不太一样方法后面需要加 上小括号()而属性则不需要。 JavaScript中还有另外两种大小写转换的方法:toLocalLowerCase0和toLocalUpperCase0。 这两种方法很少用到直接忽略即可。
举例
浏览器预览效果如图 所示。 1.4 获取某一个字符
在JavaScript 中我们可以使用 charAt0 方法来获取字符串中的某一个字符。
语法
字符串名.charAt(n)
说明
n是整数表示字符串中的第(n1)个字符。注意字符串第1个字符的下标是0第2个字符的下标是1…第 n 个字符的下标是(n-1)以此类推
举例: 获取某一个字符
浏览器预览效果如图 所示。 分析
在字符串中空格也是作为一个字符来处理对于这一点我已经在前面说过。
举例找出字符中小于某个字符的所有字符
浏览器预览效果如图 所示。 分析
在这里我们先初始化了两个字符串;str和 result。其中result是一个空字符串用于保存结果。然后我们在f or 循环中 遍历str并且使用 charAt( ) 方法获取当的的字符再 与’s’比较后如果当前字符小于“s”则将当前字符保存到result 中去。
两个字符之间比较的是 ASCIl 码的大小。对于 ASCll请小伙伴们自行搜索一下这里不展开介绍。注意空格在字符串中也是被当成一个字符来处理的。
1.5截取字符串
在JavaScript 中我们可以使用 substring() 方法来截取字符串的某一部分
语法
字符串名.substring(startend)
说明
stat 表示开始位置end 表示结束位置。stat 和 end 都是整数一般都是从0开始其中end大于 start。 substring(start,end)的截取范围为“[start,end)”也就是包含 stat但不包含 end。其中end 可以省略。当 end 省略时截取的范围为“stat 到结尾”。
举例
浏览器预览效果如图 所示。
分析
使用 substring(stat,end)方法截取字符串的时候表示从 stat 开始(包括 start)到en结束(不包括 end)也就是集合[start,end)。一定要注意截取的下标是从 0 开始的也就是说0表示第1个字符1表示第2个字符…n 表示第(n1)个字符。对于字符串的操作凡是涉及下标的都是从0开始。有些小伙伴会问:我都记不住什么时候包含什么时候不包含这该怎么办? 没关系你在使用之前可以自己写个小例子测试一下。
1.6替换字符串
在JavaScript 中我们可以使用 replace0 方法来用一个字符串替换另外一个字符串的某一部分。
语法
字符串名.replace(原字符串替换字符串)
字符串名.replace(正则表达式替换字符串
说明
replace 方法有两种使用形式:一种是直接使用字符串来换另外一种是使用正则表来替换。无论是哪种形式“替换字符串”都是第 2个参数。
举例直接使用字符串替换
浏览器预览效果如图 所示。 分析
str.replace(“javascript”,“haohao”)表示用haohao 替换 str 中的javascript”。
举例
浏览器预览效果如图 所示。
分析
replace(loser/g,hero表示使用正则表达式 loser/g, 替换字符串hero来将字符串中的所有字符“loser”替换成“hero”。有些小伙件会觉得 str.replace(loser/g,hero”不就等价于 str.replace(loser , “heron 吗? 其实这两个是不一样的大家可以测试一下。前者会换所有的loser”而后者只会替换第1个loser”在实际开发中如果我们直接使用字符串无法实现替换记得考虑使用正则表达式。 由于内容较多这里不再详细展开。
1-7分割字符串
在JavaScript 中我们可以使用 split ( )方法把一个字符串分割成一个数组这个数组存放的是原来字符串的所有字符片段。有多少个片段数组元素个数就是多少。
这一节由于涉及数组对象所以建议小伙伴们先跳过这一节等学习了“ 数组对象”后再回来学习这一节。因为很多时候技术与技术之间都有着藕断丝连的关系将某一技术一刀切分开来介绍往往是做不到的了解这一点非常重要。小伙伴们在学任何技术时如果发现有些内会看不懂可以继续学下去学到后面知识点就串起来了这时再回头复习前面的内容很多问题都能迎刃而解了。
语法
字符串名。split(”分割符“)
说明
分割符可以是一个字符、多个字符或一个正则表达式。此外分割符不作为返回的数组元素的部分。 有点难理解?我们还是先来看一个例子
举例
浏览器预览效果如图 所示。 分析
str.split(“”)表示使用英文逗号作为分割符来分割 str 这个字符串结果会得到一个数组[“HTML“CSS”JavaScript”]我们把这个数组赋值给变量 arr 保存起来。可能有人会问: 为什么分割字符串之后系统会把这个字符串转换成一个数组?这是因为转换成数组之后我们就能使用数组的方法来更好地进行操作。
上面的这个例子也可以使用 for 循环来输出实现代码如下
举例str.split(’ )有空格
浏览器预览效果如图 所示。 分析
str.split( )表示用空格来分割字符串。在字符串中空格也是作为一个字符来处理的。
str.split(’ ‘)的两个号之间是有一个空格的。str.split(’ )(有空格)是带有1个字符的字符串
str.split(’ )(无空格)是带有 0个字符的字符串也叫空字符串。两者是不一样的我们可以。 下面这个例子来对比理解。
举例str.split(’ )无空格
浏览器预览效果如图 所示。 分析
注意split( )和 splt(‘’)是不一样的。前者两个引号之间有空格表示用空格作为分割符来分副。后者两个引号之间没有空格可以用来分割字符串的每一个字符。这个技巧非常棒也用的很多小伙伴们可以记一下。 实际上split()方法有两个参数: 第1个参数表示分符第2个参数表示获取“分割之后前n个元素”。第2 个参数我们很少用了解一下即可。
举例
控制台预览效果如图 所示。 1—8 检索字符串的位置
在JavaScript 中使用 indexOf方法可以找出“某个指定字符串”在字符串中“首次出现”的下标位置使用 lastindexOf0 方法可以找出“某个指定字符串”在字符串中“最后出现”的下标位置
语法
字符串名.indexOf(指定字符串)
字符串名.lastIndexof(指定字符串)
说明
如果字符串中包含“指定字符串”indexOf 会返回指定字符串首次出现的下标而lastindexOf( )会返回指定字符串最后出现的下标;如果字符串中不包含“指定字符串”indexOf(或lastlndexOf()会返回-1。
举例: indexOf
浏览器预览效果如图 所示。 分析
对于 str.indexOf(“lye)由于 str 不包含“lye”所以返回-1。对于strindexOf(“Lvye”)由于 str 包含“Lvye”所以返回“Lvye”首次出现的下标字符串的位置是从0开始的。 对于str.indexOf(Lvyer)由于 str 不包含“Lvyer”所以返回-1。需要注意的是包含“Lvye”但不包含“Lvyer”。 在实际开发中indexOf用得非常多我们要重点掌握。对于检索字符串除了 index0f()这个方法外JavaScript还为我们提供了另外两种方法: match()和search()。这3种方法大同小异我们只需要掌握indexOf就可以了。为了减轻记忆负担对于 match和 search( )我们直接忽略。
举例
浏览器预览效果如图 所示。 分析
indexof( )和lastindexof()不仅可以用于检索字符串还可以用于检索单个字符串为了减轻记忆负担对于 match和 search( )我们直接忽略。
