一、属性

1、length

字符串的长度,且不区分中英文的字节。

示例代码:

var str="abcdefghijklmn";

var str1="中文汉语";

alert(str.length);

alert(str1.length);

二、常用方法

1)获取类型

1、String.charAt( )

返回字符串中的第n个字符, 字符串中第一个字符的下标值是0,如果参数n不在0和string.length-1之间,该方法将返回一个空字符串。

示例代码:

var str="qwertyu";

alert(str.charAt(0));

2、String.charCodeAt( )

返回字符串中的第n个字符的代码,string中的第n个字符的Unicode编码。

3、String.fromCharCode( )

从字符编码创建—个字符串

2)查找类型

1、String.indexOf( )

返回某个指定的字符串,在字符串中首次出现的位置

2、String.lastIndexOf( )

从后向前检索一个字符串,返回某个指定的字符串,在字符串中最后出现的位置

示例代码:

var str="举个例子举个例子";

alert(str.indexOf("例"));

alert(str.lastIndexOf("例"));

3、String.match( )

找到一个或多个正则表达式的匹配

4、String.search( )

检索与正则表达式相匹配的子串

5、String.replace( )

替换一个与正则表达式匹配的子串

示例代码:

var str="举个例子";

alert(str.replace("例","li"));

3)截取类型

1、String.slice( )

抽取一个子串

string.slice(start, end),返回一个新字符串,包括字符串string从start开始(包括start)到end为止(不包括end)的所有字符。如果没有指定end,那么要抽取的子串包括start到原字符串结尾的字符串。

示例代码:

var str="举个例子12345";

alert(str.slice(2,7));

alert(str.slice(4));

alert(str.slice(0,1));

alert(str.substr(1,5));

2、String.substring( )

和slice相同功能,只是当参数为负时,转化为0

示例代码:

var str="举个例子12345";

alert(str.slice(-1));

alert(str.slice(-3,-1));

alert(str.substring(-3));

3、String.substr( )

抽取一个子串

string.substr(start, length),返回一个字符串的副本,包括从string的start处(包括start所指的字符)开始的1ength个字符。如果没有指定length,返回的字符串包含从start到string结尾的字符。

4)转换类型

1、String.split( )

将字符串分割成字符串数组

string.split(delimiter, limit),返回一个字符串数组,是通过在delimiter指定的边界处将字符串string分割成子串创建的。

2、String.toLowerCase( ) 将字符串转换成小写

String.toUpperCase( ) 将字符串转换成大写

5)样式类型

1、fontcolor()

用于按照指定的颜色来显示字符串。参数可以是颜色名(red)、RGB 值(rgb(255,0,0))或者十六进制数(#FF0000)。

2、fontsize()

用于按照指定的尺寸来显示字符串。参数是从 1 至 7 的数字。

示例代码:

var str="举个例子12345";

document.write(str.fontcolor("red")+"<br>");

document.write(str.fontcolor("#3370f3")+"<br>");

document.write(str.fontsize("1")+"<br>");

【学习】js学习笔记---字符串对象的更多相关文章

  1. 分享个人学习js的笔记

    1.回到顶部效果. 2.滚动条向上滚动式,滑动滚轮.解决bug的方法. 3.有关Document. 4.getElementByClassName();获取元素类名的封装.单个类名的元素.任然不完美. ...

  2. 学习JS基本数据类型与对象的valueOf方法

    https://blog.csdn.net/licheng11403080324/article/details/60128090 https://yq.aliyun.com/articles/399 ...

  3. day 51 html 学习 js 学习

    函数 函数定义 JavaScript中的函数和Python中的非常类似,只是定义方式有点区别 // 普通函数定义 function f1() { console.log("Hello wor ...

  4. JS对象 String 字符串对象定义字符串的方法就是直接赋值。比如: var mystr = "I love JavaScript!"

    String 字符串对象 在之前的学习中已经使用字符串对象了,定义字符串的方法就是直接赋值.比如: var mystr = "I love JavaScript!" 定义mystr ...

  5. JS入门之ActiveXObject对象(转载)

    JS入门之ActiveXObject对象   此对象提供自动化对象的接口.   function ActiveXObject(ProgID : String [, location : String] ...

  6. js学习笔记之包装对象

    JavaScript包装对象 近日有时间,闲下来好好学习原生js JavaScript是一门面向对象语言,使用"."就可以访问对象的属性和方法,而基本类型(null, undefi ...

  7. JS学习笔记-OO疑问之对象创建

    问一.引入工厂,解决反复代码 前面已经提到,JS中创建对象的方法,不难发现,主要的创建方法中,创建一个对象还算简单,假设创建多个类似的对象的话就会产生大量反复的代码. 解决:工厂模式方法(加入一个专门 ...

  8. JS学习笔记-OO创建怀疑的对象

    问了.工厂介绍,解决重码 前面已经提到,JS中创建对象的方法.不难发现,主要的创建方法中,创建一个对象还算简单,假设创建多个类似的对象的话就会产生大量反复的代码. 解决:工厂模式方法(加入一个专门创建 ...

  9. [JS学习笔记]Event对象

    写在前面 学习和总结JS时会伴随性的生成一些dome,其中包含一些动态输出的结果和标注. 之前通过鸡贼的办法实现了在博客中执行JS,但很多时候需要一张干净的页面编写dome,所以尝试通过一些在线的JS ...

随机推荐

  1. 基于GUI的四则运算

    基于GUI的四则运算 李志强 201421123028 连永刚 201421123014 林方言 201421123023 coding 地址 https://git.coding.net/lizhi ...

  2. 201521123092《java程序设计》第九周学习总结

    1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结异常相关内容. 2. 书面作业 本次PTA作业题集异常 1.常用异常 题目5-1 1.1 截图你的提交结果(出现学号) 1.2 自己 ...

  3. java:接口特性 接口与抽象类/普通类的区别

    接口 书面定义: Java接口是一系列方法的声明,是一些方法特征的集合,一个接口只有方法的特征没有方法的实现,因此这些方法可以在不同的地方被不同的类实现,而这些实现可以具有不同的行为(功能). 在ja ...

  4. Eclipse rap 富客户端开发总结(10) : Rap不同系统间的差异和处理方式

    平常进行 rap 程序开发一般都是在 win 下面完成 , 然后在 tomcat 下面测试 , 但是程序最终发布一般都是在 linux  aix 上面 , 这个时候就有能会出现一下问题,下面 2 个问 ...

  5. php memcache 扩展 php -m 与 phpinfo() 不同

    事情起因,因要升级 openssl(openssl升级这里不表) ,所以在升级后对 php 也进行了从新编译,编译成功. 发现没有安装,memcache 扩展,从新编译安装了一下,显示的安装成功,但是 ...

  6. mysql:视图,触发器,事务,存储过程,函数

    一.视图 视图是一个虚拟表并不是(正实存在的) 创建老师表 create table teacher( id int primary key auto_increment, tname varchar ...

  7. 鸟哥Linux学习笔记05

    1,          文件系统通常会将 权限与属性放置到inode中,至于实际数据则放置到data block块中.另外还有一个超级块(superblock)会记录整个文件系统的整体内容,包括ino ...

  8. open和opener使用說明

    父網頁:window.open("article.html")子網頁:var dialoginfo=$('#dialogdata',window.opener.document); ...

  9. MySql Jar 包下载

    MySql JAR 包下载 我们要使用Spring 链接MySql  需要两个Jar 包   一个是C3p0   一个是MySql 的Connection Jar  包 C3p0: 进入下面的网址 h ...

  10. Jquery Ajax type的4种类型

    Ajax type这个里面填什么呢?通常大家都会说get和post.那么还有2个是什么呢 $.ajax({ url: 'http://www.cnblogs.com/youku/', type: '' ...