Javascript中字符串相关常用的使用方法总结

JavaScript的内置功能之一就是字符串连接,如果用‘+’连接两个数字,表示两数相加。但是如果用于字符串,就表示第二个字符加在第一个字符之后。

var
num=1+2;

console.log(num);

var
msg=‘hello‘+‘world‘;

console.log(msg);

对于字符串来说,除了有length属性,还有很多其他有用的属性,如:

var
str=‘hello,world‘;

console.log(str.length);

console.log(str.charAt(0));
//第一个字符

console.log(str.charAt(str.length-1));
// 最后一个字符

//substring(starti,endi),
截取 字符串  起始startistartii, 到endi结束,且含头不含尾,没有

//
如果第二个参数没有, 就默认截取到最后一个。

console.log(str.substring(1,4));

console.log(str.substring(1));

//用法同上,为负数时,就是倒数开始算,一个参数含义是倒数几个。

console.log(str.slice(1,4));

console.log(str.slice(-3));

//字符‘l’首次出现的位置

console.log(str.indexOf(‘l‘));

//字符‘l’最后一次出现的位置

console.log(str.lastIndexOf(‘l‘));

//在位置下标3之后,首次出现的位置

console.log(str.indexOf(‘l‘,3));

//用‘,’分割为字符串

console.log(str.split(‘,‘));

//
把str中的小写h换成大写H

console.log(str.replace(‘h‘,‘H‘));

//讲字符串转化为大写

console.log(str.toUpperCase());

提示:在javascript中字符串本身是固定不变的,上述方法都会返回一个新的字符串值,并不会影响str本身的值

值得注意的是,在ES6中,给字符串增加了很多新的方法,如:

var
s = ‘Hello world!‘;

//
返回布尔值,表示参数字符串是否在源字符串中的头部

console.log(s.startsWith(‘Hello‘))
// true

//endsWith():返回布尔值,表示参数字符串是否在源字符串的尾部

console.log(s.endsWith(‘!‘))
// true

//
includes()返回布尔值,表示是否找到了参数字符串

console.log(s.includes(‘o‘))
// true

上述的三个方法都支持第二个参数,表示开始搜索的位置

QQ注册登录http://www.kgc.cn/index.php?tuin=7123 获得学习账号

可以进群交流~WEB前端学习交流群21 598399936

时间: 2024-10-12 16:29:24

Javascript中字符串相关常用的使用方法总结的相关文章

JavaScript中字符串截取substring/substr/slice方法总结

最近整前台总多多少少遇到一些字符串截取的小问题,忍不住仔细看了下.接下来总结一下javascript中字符串截取方法的一些应用经验和区别.看了其他博主也有写到,各有风格况且只是个人随记,自己体会的才最深刻. 一些看似简单深究又大有文章的东西弄懂了你才知道自己所学甚浅,部分内容是w3cSchool原文,然后增加了自己的总结和见解.看完有兴趣的也可以去官网查看. 以下为总结: var str = "0123456789"; //此字符串为上下文举例用 一.stringObject.subs

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

前言 字符串是一种非常重要的数据类型,在Java等面向对象编程语言中,它代表对象类型,而在javascript中它却是一种基本数据类型,在开发的领域中,我们经常会碰到,无论是前端还是后台.比如后台验证手机号码,将手机号码的后四位变成*,这些都是对字符串的处理.所以学会字符串中常用的属性和方法是非常必要的,本篇博客将带你解析字符串常用的属性和方法.那么一起来看看吧! 字符串常用的属性和方法 属性 length:返回字符串的长度 方法 chatAt():返回在指定位置的字符 charCodeAt()

JavaScript中字符串的常用操作方法

charAt()            获取字符串中特定索引处的字符: toupperCase()  将字符串的所有字符转换成大写字母: indexOf()          返回字符串中特定字符串第一次出现的位置 substring()        返回字符串的某个子串 slice()               返回字符串中的某个子串,支持负数参数(字符串中倒数第一个字符定为-1) concat()            用于将多个字符串拼加成一个字符串 replace()        

javascript中字符串截取的两种方法

var testStr = "hello kay!"; 1.substr testStr.substr(1)   ->ello kay! testStr.substr(1,4) ->ello (4是长度) 2.substring testStr.substring(1)   ->ello kay! testStr.substr(1,4) ->ello(4是第4个字符)

JavaScript中,有三种常用的绑定事件的方法

要想让 JavaScript 对用户的操作作出响应,首先要对 DOM 元素绑定事件处理函数.所谓事件处理函数,就是处理用户操作的函数,不同的操作对应不同的名称. 在JavaScript中,有三种常用的绑定事件的方法: 在DOM元素中直接绑定: 在JavaScript代码中绑定: 绑定事件监听函数. 一. 在DOM元素中直接绑定 这里的DOM元素,可以理解为HTML标签.JavaScript支持在标签中直接绑定事件,语法为:    onXXX="JavaScript Code" 其中:

javascript中字符串和数组的相互转换

javascript中字符串和数组的相互转换:字符串和数组的相互转换操作是非常的重要的,因为在实际编码过程中会经常用到,所以这是必须要掌握的知识点,当然这个知识点并不难,知道了就永远知道了,并不是那种需要充分实践才能够掌握的东西,下面就做一下简单的介绍.一.字符串转换为数组:此操作会用到split()函数,它能够以指定的字符作为分隔符,将字符串转换成一个数组,实例代码如下: var Str="abc-mng-zhang-mayi"; var newArray=Str.split(&qu

(转)JavaScript中判断对象类型的种种方法

我们知道,JavaScript中检测对象类型的运算符有:typeof.instanceof,还有对象的constructor属性: 1) typeof 运算符 typeof 是一元运算符,返回结果是一个说明运算数类型的字符串.如:"number","string","boolean","object","function","undefined"(可用于判断变量是否存在). 但 type

javascript中字符串格式转化成json对象记录

什么是JSON JSON(JavaScript Object Notation)是一种优美的JavaScript对象创建方法.JSON也是一种轻量级数据交换格式.JSON非常易于人阅读与编写,同时利于机器解析与生成.JSON是在AJAX中代替XML交换数据的更佳方案. JSON格式与语法 var jsonobject= {         //对象内的属性语法(属性名与属性值是成对出现的)         propertyname:value, //对象内的函数语法(函数名与函数内容是成对出现的

PHP中数组遍历常用几种方法

在编码的过程中,对指定的数组进行遍历是再常见不过的事了.在遍历的过程中,很多的语言都是利用for循环进行遍历,方便快捷.但是PHP中,对于数组的下标与有些语言不同.PHP中数组的下标可以为字符串,也可以字符串和数字混合,也就是所谓的关联数组.如果下标是纯数字的话,那就是索引数组了. 1.for() for()进行遍历时,有个局限,如果是关联数组的话,就不能根据下标的递增来遍历了,突然冒出了字符串的话,肯定会报错.所以在PHP中,for()能使用的范围也就是索引数组了. <?php     $ar