文档章节

JavaScript零基础入门——(六)JavaScript的字符串处理

JandenMa
 JandenMa
发布于 06/15 02:24
字数 697
阅读 53
收藏 0

JavaScript零基础入门——(六)JavaScript的字符串处理

欢迎大家回到我们的JavaScript零基础入门,上一节课我们了解了JavaScript的程序流程控制,介绍了三大流程控制,分别是顺序流程、分支流程和循环流程,而分支流程中,分为单分支、双分支和多分支。那么这一节课,将带大家一起来学习,JavaScript常用的字符串处理方法。

首先,我们来回顾一下,什么是字符串。

在JavaScript中,字符串是指用引号包裹的一种数据。那么我们经常存在对字符串处理的需要,那又要怎么办呢?其实在原生的JS中,字符串对象提供了一些处理字符串的方法,例如replace、search、split等等,我们一个一个来了解。

  • search——查找,或叫搜索,将字符串从左往右搜索,返回第一次出现的位置索引,如果不存在,返回-1,我们来看一下代码:
var str = '123abc345fifa8080';

console.log(str.search('3'));//2
console.log(str.search('f'));//9
console.log(str.search('s'));//-1
  • replace——替换,即将字符串中某些内容替换成新的内容,在不使用正则表达式的前提下,replace只会替换首次匹配到的内容。
var str = 'vivo';

str = str.replace('o', 'i');

console.log(str); //vivi

str = str.replace('v', 's');

console.log(str); //sivi
  • split——分割,将字符串依指定的字符或字符串分割成若干个数组,如果该指定的字符或字符串不存在,则返回空数组。
var str = '2018-06-15';

var arr = str.split('-');

console.log(arr.length);//3

console.log(arr[0]);//2018
console.log(arr[1]);//06
console.log(arr[2]);//15
  • substring——截取子字符串,接收两个参数,第一个参数为起始位置,第二个参数为结束位置,但要注意的是,不包含结束位置。
var str = '123abc456';

var substr = str.substring(3,6);

console.log(substr);//abc
  • charAt(index)——获取指定索引的字符,约等价于str[index],但后者存在兼容性问题。
var str = '123abc';

console.log(str.charAt(2));//3
  • toLowerCase——变成小写
  • toUpperCase——变成大写
var str = '123abc456XY';

console.log(str.toLowerCase());//123abc456xy
console.log(str.toUpperCase());//123ABC456XY

以上就是我们原生JS中常用的字符串处理方法,其实这还不是它的最大威力,当它遇到正则表达式之后,威力更大。

好,这节课我们就讲到这里,由于内容比较简单,这节课我们就不配视频,但大家还是要自己动手敲一敲。下节课,我们一起去感受一下,当字符串遇上正则表达式。

                                                                                                       

如果想跟着振丹继续学习,可以微信关注【振丹敲代码】(微信号:JandenCoding)

新博文微信同步推送,还附有讲解视频哦~

也可直接扫描下方二维码关注。

© 著作权归作者所有

共有 人打赏支持
JandenMa
粉丝 17
博文 28
码字总数 27794
作品 0
汕头
私信 提问
JavaScript零基础入门——(八)JavaScript的数组

JavaScript零基础入门——(八)JavaScript的数组 欢迎大家回到我们的JavaScript零基础入门,上一节课我们讲了有关JavaScript正则表达式的相关知识点,便于大家更好的对字符串进行处理。这一...

JandenMa
06/19
0
0
jQuery零基础入门——(六)修改DOM结构

《jQuery零基础入门》系列博文是在廖雪峰老师的博文基础上,可能补充了个人的理解和日常遇到的点,用我的理解表述出来,主干出处来自廖雪峰老师的技术分享。 在《零基础入门JavaScript》的时...

JandenMa
07/20
0
0
JavaScript零基础入门——(十一)JavaScript的DOM操作

JavaScript零基础入门——(十一)JavaScript的DOM操作 大家好,欢迎回到我们的JavaScript零基础入门。最近有些同学问我说,我讲的的比书上的精简不少。其实呢,我主要讲的是我在开发中经常会...

JandenMa
06/25
0
0
JavaScript零基础入门——(十三)JavaScript的事件

JavaScript零基础入门——(十三)JavaScript的事件 大家好,欢迎回到我们的JavaScript零基础入门。上一节课,我们了解了JavaScript定时器,也演示了一些比较经典的例子,其实我们已经用到了...

JandenMa
07/01
0
0
JavaScript零基础入门——(十)JavaScript的DOM基础

JavaScript零基础入门——(十)JavaScript的DOM基础 欢迎大家回到我们的JavaScript零基础入门,上一节课,我们了解了JavaScript中的函数,这一节课,我们来了解一下JavaScript的DOM。 第一节...

JandenMa
06/23
0
0

没有更多内容

加载失败,请刷新页面

加载更多

详解如何实现一个简单的 vuex

首先我们需要知道为何要使用 vuex。父子组件通信用 prop 和自定义事件可以搞定,简单的非父子组件通信用 bus(一个空的 Vue 实例)。那么使用 vuex 就是为了解决复杂的非父子组件通信。 仅仅...

嫣然丫丫丫
2分钟前
0
0
算法——RangePartitioner实现之reservoirSample

简介 reservoir的作用是:**在不知道文件总行数的情况下,如何从文件中随机的抽取一行?**即是说如果最后发现文字档共有N行,则每一行被抽取的概率均为1/N? 我们可以:定义取出的行号为cho...

freeli
5分钟前
0
0
Python安装及netcdf数据读写

一、在CentOS7系统上安装Python3 在anaconda官网下载(http://https://www.anaconda.com/download/#linux)(Anaconda指的是一个开源的Python发行版本,是Python的包管理器和环境管理器) 下...

voole
9分钟前
0
0
基于NEO的私链(Private Blockchain)

1.准备工作 1.NEO-GUI 2.NEO-CLI 3..NET Core Runtime (不能是2.x版本,官方建议是1.12,实际上我用1.14也是没有问题的) 4.四台windows操作系统的虚拟机(本文是基于AWS的,理论上本地跑虚...

NEO-FANS
16分钟前
0
0
linux中shell if 判断总结

UNIX Shell 里面比较字符写法 -eq 等于; -ne 不等于; -gt 大于; -lt 小于 ; -le 小于等于; -ge 大于等于; -z 空串; -n 非空串; = 两个字符相等; != 两个字符不等 无论什么编程语言都离不开条...

linuxprobe16
30分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部