浅谈JavaScript中的字符串操作

  我想,最为一名开发人员,最实际开发过程中,任何一门语言在开发实际的项目的过程中,都是逃不开字符串的操作的下面笔者就自己日常开发过程中所用到的一些字符串的操作方法做一些陈述和总结,当然,如若读者觉得有不足之处,非常欢迎赐教之!!!

  首先是一些字符串的拷贝方法,注意哦,同学,题主所列的都是一些浅拷贝,即不会影响到原数组:

1: slice()           2: substr()             3: substring()

鉴于上面的三个方法都有其共同性,题主就不单独介绍了,一起上吧:

var str = "abcdefg,hijklmn,opqrst,uvwxyz";

        var newStr = str.slice(1,3);   //不包含后面的参数所指字符,浅复制
        console.log(newStr);   //bc
        console.log(str);   //abcdefg,hijklmn,opqrst,uvwxyz

        var newStr2 = str.substr(1,3);   //包含后面元素所指字符,浅复制
        console.log(newStr2);   //bcd
        console.log(str);   //abcdefg,hijklmn,opqrst,uvwxyz

        var newStr3 = str.substring(1,3);   //不包含后面的参数所指字符,浅复制
        console.log(newStr3);   //bc
        console.log(str);   //abcdefg,hijklmn,opqrst,uvwxyz

代码为证,从上面的运行结果偶们可以看出,slice 和 substring两个函数不会包含后面的参数所指的元素,而substr会,其次,这几个方法在参数为负数的时候的又有一些不同,这里不再讨论,读者自行查阅。

 

  其次,我们再来谈谈js中字符串操作笔者自认为一个比较强大的函数,   那就是split函数,下面进行介绍:

    split()函数:split() 方法通过把字符串分割成子字符串来把一个 String 对象分割成一个字符串数组。

    语法:str.split([separator][, limit])  

                 参数separator:指定用来分割字符串的字符(串)。separator 可以是一个字符串或正则表达式。 如果忽略 separator,则返回的数组包含一个由原字符串组成的元素。如果 separator 是一个空字符串,则 str 将会转换成一个由原字符串中字符组成的数组。

                参数limit:一个整数,限定返回的分割片段数量。split 方法仍然分割每一个匹配的 separator,但是返回的数组只会截取最多 limit 个元素。

example:

 

 

字符定位函数:

   indexOf()和lastIndexOf()   开始寻找的方向不同,一个从前面开始往后找,一个从后面开始往前找。

 

大小写转换:

   toUpperCase(),toLowerCase()

 

获取字符方法:

   charAt()   :返回自定位置的字符

   charCodeAt()   :获取字符编码  (参数为下标)

   stringValue[]   :直接下标访问

当然,还有模式匹配方法:

   match():范湖一个数组      第一项是与整个模式匹配的字符串,之后的每一项都保存着与正则表达式中捕获组匹配的字符串

   search()方法,返回第一个项的匹配项索引     都涉及正则表达式

 

replace()方法: 又一个非常强大的方法:

时间: 2024-11-05 11:45:34

浅谈JavaScript中的字符串操作的相关文章

JavaScript中的字符串操作

JavaScript中的字符串操作 一.概述    字符串在JavaScript中几乎无处不在,在你处理用户的输入数据的时候,在读取或设置DOM对象的属性时,在操作cookie时,当然还有更多....JavaScript的核心部分提供了一组属性和方法用于通用的字符串操作,如分割字符串,改变字符串的大小写,操作子字符串等.    当前的大部分浏览器也能从强大的正则表达式获益,因为它极大地简化了大量的字符串操作任务,不过它也需要你克服一条有些陡峭的学习曲线.在这里,主要是介绍字符串本身的一些操作,正

浅谈JavaScript中的原型模式

在JavaScript中创建对象由很多种方式,如工厂模式.构造函数模式.原型模式等: <pre name="code" class="html">//工厂模式 function createPerson(name,age,job) { var o = new Object; o.name = name; o.age = age; o.job = job; o.sayName = function() { alert(this.name); } retur

[记录] JavaScript 中的字符串操作

JS 中的字符串操作 字符串:基本数据类型,一旦定义就不会被修改,如果修改则是重新开辟空间存储.字符串有属性length和一系列方法. 字符串的生成转换 (可以将任何类型的数据转换为字符串) 转换成字符串的三种方式: 1. .toString() 方法 注: undefined.null没有toString()方法. code: var num = 28; console.log(typeof num.toString()); // 返回结果是"string", 2. String()

浅谈JavaScript中数组操作常用方法

JavaScript中数组操作常用方法 1.检测数组 1)检测对象是否为数组,使用instanceof 操作符 if(value instanceof Array) { //对数组执行某些操作 } 2)获取对象的类型,比较是否为object类型(此方法只能检测是否为Object,不推荐) if(typeof(value)=="Object") { //对数组执行某些操作 } 3)检测对象是否为数组,使用Array.isArray()方法(只支持ie9+,firefox 4+,safar

浅谈javascript中的包装对象

javascript中的对象类型分为内置类型和对象类型,其中内置类型包括sting number boolean null undefined五种:对象类型包括Array Function regExp Date 等等,统称为Object类型.我们知道在一个对象中包含一系列属性名/属性值的集合,可以通过"."来访问对象的属性或方法,如: 1 window.onload=function(){//可执行代码} 但我们常常可以看到这样的代码: 1 var str="hello w

浅谈JavaScript中的string拥有方法的原因

我们都知道,JavaScript数据类型分两大类,基本类型(或者称原始类型)和引用类型. 基本类型的值是保存在栈内存中的简单数据段,它们是按值访问的.JS中有五种基本类型:Undefined.Null.Boolean.Number和String. 引用类型的值是保存在堆内存中的对象,它的值是按引用访问的.引用类型主要有Object.Array.Function.RegExp.Date. 对象是拥有属性和方法的,所以我们看到下面这段代码一点也不奇怪. var favs=['鸡蛋','莲蓬']; f

浅谈JavaScript中继承的实现

  谈到js中的面向对象编程,都有一个共同点,选择原型属性还是构造函数,两者各有利弊,而就片面的从js的对象创建以及继承的实现两个方面来说,官方所推荐的是两个相结合,各尽其责,各取其长,在前面的例子中,我已就在JavaScript中对象创建的方法做了一些总结,下面就其继承来道说一二:   1:原型链继承: 每一个构造函数都有一个原型对象,原型对象都包含一个指向构造函数的指针,而实例都包含一个指向原型对象内部的指针(默认的原型,所有默认类型都继承了Object,而这个继承也是用过原型链实现) fu

浅谈javascript中的For in语法

相信大家都使用过javascript中的for循环,主要用来遍历数组对象,方便执行重复操作,体现代码的重用性.但是,应为数组的索引一般是整 型的数字,当遇到JSON对象或者object对象时,就不能使用for循环遍历了,应当使用for in函数遍历对象,这里就谈谈个人对for in的理解. 首先,虽然叫For in语法但关键字还是用for,这个语法还可以用来遍历对象,拿到的是对象的属性名称,然后通过对象名[属性名称]就可以拿到对象.个人觉得,理解这个语法的本质,关键在于理解每次循环得到的到底是什

浅谈javascript中的call、apply、bind

apply.call 在 javascript 中,call 和 apply 都是为了改变某个函数运行时的上下文(context)而存在的,换句话说,就是为了改变函数体内部 this 的指向. JavaScript 的一大特点是,函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的」这样的概念. 先来一个栗子: function fruits() {} fruits.prototype = { color: "red", say: function() { console