文档章节

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

JandenMa
 JandenMa
发布于 06/15 02:24
字数 697
阅读 37
收藏 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
粉丝 11
博文 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

没有更多内容

加载失败,请刷新页面

加载更多

java基础知识,小栗子

来操作一下数组.....注意带参数的变长数组的使用. package com.avatus;import java.util.Random;import java.util.Scanner;public class Main { public static void main(St...

Oh_really
8分钟前
0
0
SSO单点登录PHP简单版

  前面做了一个新项目,需要用户资源可以需要共享。由于之前没有做过这样的东西,回家之后,立马网站百度“单点登录”。帖子很多,甄别之后,这里列几篇认为比较有营养。   http://blog...

slagga
46分钟前
2
0
Java 泛型详解-绝对是对泛型方法讲解最详细的,没有之一

对java的泛型特性的了解仅限于表面的浅浅一层,直到在学习设计模式时发现有不了解的用法,才想起详细的记录一下。 本文参考java 泛型详解、Java中的泛型方法、 java泛型详解 1 概述 泛型在j...

hensemlee
50分钟前
2
0
Annotation注解详细介绍

目录介绍 1.Annotation库的简单介绍 2.@Nullable和@NonNull 3.资源类型注释 4.类型定义注释 5.线程注释 6.RGB颜色纸注释 7.值范围注释 8.权限注释 9.重写函数注释 10.返回值注释 11.@Keep注释...

潇湘剑雨
52分钟前
2
0
一步步编写自己的PHP爬取代理IP项目(二)

这一章节我们正式开展我们的爬虫项目,首先我们先要知道哪个网站能获取到免费代理IP,目前比较火的有西刺代理,快代理等,这里我们拿西刺代理作为例子。 这里就是一个个免费的IP地址以及各自...

NateHuang
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部