【学习】js学习笔记---字符串对象
一、属性
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学习笔记---字符串对象的更多相关文章
- 分享个人学习js的笔记
1.回到顶部效果. 2.滚动条向上滚动式,滑动滚轮.解决bug的方法. 3.有关Document. 4.getElementByClassName();获取元素类名的封装.单个类名的元素.任然不完美. ...
- 学习JS基本数据类型与对象的valueOf方法
https://blog.csdn.net/licheng11403080324/article/details/60128090 https://yq.aliyun.com/articles/399 ...
- day 51 html 学习 js 学习
函数 函数定义 JavaScript中的函数和Python中的非常类似,只是定义方式有点区别 // 普通函数定义 function f1() { console.log("Hello wor ...
- JS对象 String 字符串对象定义字符串的方法就是直接赋值。比如: var mystr = "I love JavaScript!"
String 字符串对象 在之前的学习中已经使用字符串对象了,定义字符串的方法就是直接赋值.比如: var mystr = "I love JavaScript!" 定义mystr ...
- JS入门之ActiveXObject对象(转载)
JS入门之ActiveXObject对象 此对象提供自动化对象的接口. function ActiveXObject(ProgID : String [, location : String] ...
- js学习笔记之包装对象
JavaScript包装对象 近日有时间,闲下来好好学习原生js JavaScript是一门面向对象语言,使用"."就可以访问对象的属性和方法,而基本类型(null, undefi ...
- JS学习笔记-OO疑问之对象创建
问一.引入工厂,解决反复代码 前面已经提到,JS中创建对象的方法,不难发现,主要的创建方法中,创建一个对象还算简单,假设创建多个类似的对象的话就会产生大量反复的代码. 解决:工厂模式方法(加入一个专门 ...
- JS学习笔记-OO创建怀疑的对象
问了.工厂介绍,解决重码 前面已经提到,JS中创建对象的方法.不难发现,主要的创建方法中,创建一个对象还算简单,假设创建多个类似的对象的话就会产生大量反复的代码. 解决:工厂模式方法(加入一个专门创建 ...
- [JS学习笔记]Event对象
写在前面 学习和总结JS时会伴随性的生成一些dome,其中包含一些动态输出的结果和标注. 之前通过鸡贼的办法实现了在博客中执行JS,但很多时候需要一张干净的页面编写dome,所以尝试通过一些在线的JS ...
随机推荐
- 201521123016 《Java程序设计》第7周学习总结
1. 本周学习总结 2. 书面作业 1.ArrayList代码分析 1.1 解释ArrayList的contains源代码 public boolean contains(Object o) { re ...
- 201521123016《java程序设计》第4周学习总结
1. 本周学习总结 2. 书面作业 注释的应用 使用类的注释与方法的注释为前面编写的类与方法进行注释,并在Eclipse中查看.(截图) 面向对象设计(大作业1,非常重要) 2.1 将在网上商城购物或 ...
- 201521123069 《Java程序设计》第1周学习总结
1. 本章学习总结 Java语言的发展.特点(面向对象.简单性.平台无关性) 认识并区分JVM(Java虚拟机),JRE(Java执行环境),JDK(Java开发工具包) 安装好JDK,设置Path变 ...
- 201521145048《Java程序设计管理》第一周学习总结
1. 本周学习总结 学习并了解Java的发展与历史 在网上视频中学习Java 了解并区分JVM JRE JDK 将java与已学语言做比较,发现相同处 2. 书面作业 Q1.为什么java程序可以跨平 ...
- 201521123036 《Java程序设计》第9周学习总结
本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结异常相关内容. 书面作业 本次PTA作业题集异常 常用异常 题目5-1 1.1 截图你的提交结果(出现学号) 1.2 自己以前编写的代码中 ...
- Java SVN管理工具的使用
1.svn环境搭建 在应用myEclips 8.5做项目时,svn会成为团队项目的一个非常好的工具,苦苦在网上寻求了一下午,终于整合好了这个环境,在这里简单介绍下,希望能为刚开始用svn的朋友一点点帮 ...
- Activiti第二篇【管理流程定义、执行任务和流程实例、流程变量】
上篇Activiti只是一个快速入门案例,这篇就讲定义.部署.查看任务等等的一些细节[涉及到的数据库表.对象等等]- 管理流程定义 管理流程定义主要涉及到以下的4张表: -- 流程部署相关的表 SEL ...
- 常用Java API(转)
一. java.io.BufferedReader类(用于从文件中读入一段字符:所属套件:java.io) 1. 构造函数BufferedReader(java.io.FileReader FileR ...
- Struts2-在js中使用struts2标签
1, 支行是下拉列表,自助银行也是下拉列表,它们是级联关系; <tr> <th width="17%"><span>*</span> ...
- jquery ocupload一键上传文件应用
直接上栗子 这是官方文档栗子 var myUpload = $(element).upload({ name: 'file', action: '', enctype: 'multipart/form ...