1.截取方法

截取字符串的abcdefg中的efg.

注意:str.length从1的开始数

var str="abcdefg";

(1).slice() : console.log(str.slice(4,7)); //efg第一个参数开始,第二个参数结束并且取不到.遇到负数把length和负数相加

(2)Substr() : str.substr(4,3); //efg 第一个参数开始,第二个参数是长度

(3)Substring() : str.substring(4,7) ;//efg 第一个参数开始,第二个参数结束并且取不到,遇到负数,把负数变0,两个参数交换位置

2.字符方法

(1)charAt() :str.charAt(4); //e获取指位置处的字符

(2)Str[4]:这种方法与charAt等效, IE8以上支持

(3)Trim():只能去除字符串前后的空白

3.位置方法

var str="abadefg";

(1)indexOf:str.indexOf("a",1);//2结果是”a”的下标  ( 要查询的字符 , 开始查找的位置 )

(2)Replace:str.replace("a","1"); //1bacdewd 只能替换一个  ( 要替换掉的字符 , 新字符)

4.分隔方法

(1)Split(): 把字符串切割成字符数组

如:var str="ab|cdef|g";  console.log(str.split("|"))

结果: ["ab", "cdef", "g"]

(2)替换类名

1.先获取元素的类名

2.使用split按照空格分隔开每一个类名,得到类名数组

3遍历类名数组,判断当前遍历的类名是否与目标类名相等,若相等则改变当前元素值为新类名

4.使用数组的join方法把数组中每个类名以空格连接

(3)查找类名

1.通过getElementsByTagName和通配符“*”,获取目标元素之内所有的标签为一个伪数组集合

2.遍历伪数组,判断遍历到的元素是否有目标类名,若具有目标类名,使用提前声明的数组存储

(a)使用split按照空格分隔开每一个类名,得到类名数组

(b)遍历类名数组,判断当前遍历的类名是否与目标类名相等,若相等则说明当前 元素具有这个类名

(c)使用提前声明的数组存储过滤到的元素

3.返回过滤数组

(4) 大小写转换方法

toUpperCase():把字符串中的小写字符转换为大写

toLowerCase():把字符串中的大写字符转换为小写

toLocaleUpperCase():按照本地方法,把字符串中的小写字符转换为大写

toLocaleLowerCase():按照本地方法,把字符串中的大写字符转换为小写

前端javascript中字符串的总结的更多相关文章

  1. javascript中字符串常用操作整理

    javascript中字符串常用操作整理 字符串的操作在js中非常频繁,也非常重要.以往看完书之后都能记得非常清楚,但稍微隔一段时间不用,便会忘得差不多,记性不好是硬伤啊...今天就对字符串的一些常用 ...

  2. JavaScript中字符串的match与replace方法

    1.match方法 match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配. match()方法的返回值为:存放匹配结果的数组. 2.replace方法 replace() 方 ...

  3. 前端 javascript 数据类型 字符串

    字符串是由字符组成的数组,但在JavaScript中字符串是不可变的:可以访问字符串任意位置的文本,但是JavaScript并未提供修改已知字符串内容的方法. obj.charAt(n) 返回字符串中 ...

  4. JavaScript中字符串分割函数split用法实例

    这篇文章主要介绍了JavaScript中字符串分割函数split用法,实例分析了javascript中split函数操作字符串的技巧,非常具有实用价值,需要的朋友可以参考下 本文实例讲述了JavaSc ...

  5. javascript中字符串对象常用的方法和属性

    前言 字符串是一种非常重要的数据类型,在Java等面向对象编程语言中,它代表对象类型,而在javascript中它却是一种基本数据类型,在开发的领域中,我们经常会碰到,无论是前端还是后台.比如后台验证 ...

  6. JavaScript中字符串去掉特殊字符和转义字符

    <pre name="code" class="javascript">/*** * 去掉字符串中的特殊字符 */ var excludeSpeci ...

  7. JavaScript中字符串的方法:charAt()、charCodeAt()、indexOf()、lastIndexOf()、substr()、slice()、substring()、search()、replace()、split()、concat()、toLowerCase()、toUpperCase()

    1.字符创的创建: //1.通过new 来创建 var str = String("javascript"); //2.3.直接使用字面量进行创建 var str='html5'; ...

  8. javascript中字符串拼接详解

    字符串拼接是所有程序设计语言都需要的操作.当拼接结果较长时,如何保证效率就成为一个很重要的问题.本文介绍的是Javascript中的字符串拼接,希望对你有帮助,一起来看.   最近在研究<jav ...

  9. JavaScript中字符串运算符的使用

    字符串运算符是用于两个字符串型数据之间的运算符,它的作用是将两个字符串连接起来.在JavaScript中,可以使用+和+=运算符对两个字符串进行连接运算.其中,+运算符用于连接两个字符串,而+=运算符 ...

随机推荐

  1. 20+行代码使用es5 Object.defineProperty 实现简单的watch功能

    /** * 一个简单的demo 帮助理解defineProperty,只对Object类型参数有效 */ $watch=function(myObject,callback){ function in ...

  2. WPF中带水印的Textbox

    很多时候我们都希望通过水印来告诉用户这里该填什么样格式的数据,那么我们就希望有这样的一个控件. 为了方便起见,先定义一个依赖属性专门来存放水印中显示的字符串. public sealed class ...

  3. SICP-1.4-函数设计

    何为好的函数 每个函数只完成一个工作 不要做重复工作 如果你多次复制一段代码块,说明你应该进行函数抽象了 定义一般化函数 避免特例化 函数说明 一般通过三引号说明 help调出函数说明 避免过多的参数 ...

  4. API 接口规范

    整体规范建议采用RESTful 方式来实施. 1. 协议 API与用户的通信协议,总是使用HTTPs协议,确保交互数据的传输安全. 2. 域名 应该尽量将API部署在专用域名之下. https://a ...

  5. El表达式取map值

    map el表达取值 ${initMap['kehuList']}

  6. Ubuntu下使用nginx和nginx-rtmp-module搭建流媒体服务器的正确姿势

    之前在使用nginx和nginx-rtmp-module搭建流媒体服务器的时候遇到一个很尴尬的问题,就是在把nginx-rtmp-module模块添加到nginx中去的时候,我最开始采取的做法是先卸载 ...

  7. 数据的ID名生成新的引用索引树

    <?php $arr= [ '0'=>[ "id"=>2, "name"=>"建材", "pid" ...

  8. css实现居中的五中方法

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  9. 2.如何安装vmvare tools

    1.在主页点击虚拟机 重装vmvaretools,接着就会下载tar.gz包 2.cd 到解压包的地方,解压sudo tar zxf ... 3.解压之后会生成一个vmvare-toos-distri ...

  10. JavaScript深入浅出补充——(二)语句和严格模式,对象

    三.语句和严格模式 JavaScript程序由语句组成,语句遵守语法规则. 例如:if语句,while语句,with语句等等-- block块语句 常用于组合0~多个语句,块语句用{}定义 直接以花括 ...