老徐WEB：js入门学习 - javascript对象之String对象

简单说明一下字符串。

字符串是由单引号或者双引号括起来的任意文本。如果文本里含有单引号，外面就用双引号括起来，如果文本里含有双引号，那么外面就用单引号括起来。如果文本里面的引号和外面的一致，那么文本里的引号就要转义。

var txt = "Hello world";
var txt = 'don\'t warry';
var txt = new String("string");
字符串通过数字下标来获取字符。
var char = txt[3];

字符串对象属性

length - 字符串长度
prototype - String属性，可以添加属性和方法
constructor - 返回字符串构造函数

字符串对象函数

charAt() - 返回指定位置的字符，第一个字符从0开始。
var txt = "Hello world";
txt.charAt(0); // 返回H

charCodeAt() - 返回在指定的位置的字符的 Unicode 编码。
var txt = "Hello world";
txt.charCodeAt(0); // 返回72

concat() - 连接两个或更多字符串，并返回新的字符串。
var txt1 = 'abc';
var txt2 = 'def';
var txt3 = 'ghi';
txt1.concat(txt2); // abcdef
txt1.concat(txt2,txt3); // abcdefghi

fromCharCode() - 将 Unicode 编码转为字符。
String.fromCharCode(72); // H

indexOf() - 返回某个指定的字符串值在字符串中首次出现的位置。如果字符串中没有指定的字符，则返回-1.
var txt = 'Hello world';
txt.indexOf('world'); // 6
txt.indexOf('w'); // 6
txt.indexOf('a'); // -1

includes() - 查找字符串中是否包含指定的子字符串。若包含返回true，不包含返回false。
var txt = 'Hello world';
txt.includes('w'); // true
txt.includes('world'); // true
txt.includes('i'); // false

lastIndexOf() - 从后向前搜索字符串，并从起始位置（0）开始计算返回字符串最后出现的位置。若没有搜索到字符，则返回-1。
var txt = 'Hello world';
txt.lastIndexOf('o'); // 7
txt.lastIndexOf('d'); // 10
txt.lastIndexOf('world'); // 6
txt.lastIndexOf('H'); // 0
txt.lastIndexOf('Hello'); // 0
txt.lastIndexOf('h'); // -1

match() - 查找找到一个或多个正则表达式的匹配。如果找到，返回一个数组，若没有找到，返回null。
var txt = 'Hello world';
txt.match(/Hello/g); // ["Hello"]
txt.match(/Hel/g); // ["Hel"]
txt.match(/l/g); // ["l","l","l"]
txt.match(/Helo/g); // null

repeat() - 复制字符串指定次数，并将它们连接在一起返回。
var txt = 'Hello';
txt.repeat(2); // HelloHello

replace() - 在字符串中查找匹配的子串，并替换与正则表达式匹配的子串，返回替换后的结果。
var txt = 'Hello world';
txt.replace(/world/g,'world!'); // Hello world!

search() - 查找与正则表达式或字符串相匹配的起始位置。如果没有找到，则返回-1。
var txt = 'this is my book';
txt.search(/is/g); // 2
txt.search(/my/g); // 8
txt.search(/a/g); // -1

slice(start,end) - 提取字符串的片断，并在新的字符串中返回被提取的部分。不包含end位置的字符。
var txt = 'this is my book';
txt.slice(1,3); // his
txt.slice(1,6); // his i
txt.slice(-6,-1); // y boo

split() - 把字符串分割为字符串数组。
var txt = 'this is my book';
txt.split(' '); // ["this", "is", "my", "book"]

startsWith() - 查看字符串是否以指定的子字符串开头。如果是返回true,否则返回false。
var txt = 'Hello world';
txt.startsWith('Hello'); // true
txt.startsWith('H'); // true
txt.startsWith('h'); // false

substr(start,length) - 从起始索引号提取字符串中指定数目的字符。
var txt = 'Hello world';
txt.substr(1,3); // ell

substring(from,to) - 提取字符串中两个指定的索引号之间的字符。
var txt = 'Hello world';
txt.substring(3,8); // lo wo

toLowerCase() - 把字符串转换为小写。
var txt = 'Hello world';
txt.toLowerCase(); // hello world

toUpperCase() - 把字符串转换为大写。
var txt = 'Hello world';
txt.toUpperCase(); // HELLO WORLD

trim() - 去除字符串两边的空白
var txt = ' test ';
txt.trim(); // test

toLocaleLowerCase() - 根据本地主机的语言环境把字符串转换为小写。

toLocaleUpperCase() - 根据本地主机的语言环境把字符串转换为大写。

valueOf() - 返回某个字符串对象的原始值。

toString() - 返回一个字符串。

勤学苦练，笨鸟先飞。关注【老徐WEB前端开发教程】公众号，听老徐说。

老徐WEB：js入门学习 - javascript对象之String对象相关推荐

老徐WEB：js入门学习 - javascript变量
javascript变量是最基础的知识,也是学习任何编程语言都会接触,并且要学习的知识. 如果你在编程过程中需要存放一个数字,比如100,那么你首先要声明一个变量,然后把数字100赋值给变量,这样在程 ...
老徐WEB：JS简单实现图片滚动效果轮播图，自动、手动和自适应(二)
轮播图是前端网页中常用的功能,包括PC端和移动端,都会用到轮播图,像咨讯.电商和个人博客等,首页基本都会有轮播图. 老徐在上一篇文章的基础上[最简单详细的轮播图原理和制作过程],又扩展了功能,使之成为 ...
什么是js为什么学习 JavaScript?
什么是js为什么学习 JavaScript? JavaScript 缩写.一种计算机脚本语言,主要在web浏览器(客户端)解释执行,由网景公司开发. 请注意,网景公司的 JavaScript 和微软公 ...
Web前端入门学习（5）——浮动原理及清除浮动
浮动原理及清除浮动上节回顾在上节的<Web前端入门学习(4)-- 块级元素和行内元素之特征与转换>中(http://cherry360.blog.51cto.com/12176744/ ...
Backbone.js入门学习资源
backbone.js提供了一套web开发的框架,通过Models进行key-value绑定及custom事件处理,通过Collections提供一套丰富的API用于枚举功能,通过Views来进行事件 ...
老徐WEB：最简单详细的轮播图原理和制作过程（一）
老徐利用空闲时间,制作了一个最简单的轮播图,主要介绍轮播图的原理和制作过程,只要大家能认真看完这篇文章,并理解文中内容,就能完全掌握轮播图的制作了.之后工作中碰到复杂的轮播图,自己也能思考制作出来了. ...
【带着canvas去流浪（11）】Three.js入门学习笔记
[摘要] three.js 入门学习笔记示例代码托管在:http://www.github.com/dashnowords/blogs 一. 资料推荐及建议 1.官方文档很详细,但是API部分单独 ...
前端：JS/23/JS内置对象（String对象，Array对象，Date对象，Boolean对象，Number对象，Math对象），实例：求圆的面积，求直角三角形
JS内置对象 1,String对象字符串对象,提供了对字符串进行操作的属性和方法 2,Array对象数组对象,提供了数组操作方面的属性和方法 3,Date对象日期时间对象,可以获取系统的日期时间 ...
Web前端入门学习之JS基础知识梳理汇总
Web前端工程师是当前各大企业都比较稀缺的人才,薪资待遇和就业前景都很不错.不论是专业还是非专业,有基础亦或是无基础,都想通过学习Web前端实现高薪就业. 不过,学习要一步一个脚印,不能一口吃一个胖子 ...

老徐WEB：js入门学习 - javascript对象之String对象

老徐WEB：js入门学习 - javascript对象之String对象相关推荐

最新文章

热门文章