JS学习笔记（第5章）（String类型）

rose 发布于2019-08-23 15:42 / 2147人阅读

摘要：字符串大小写转换方法和则是针对特定地区的实现。可以基于指定的分隔符将一个字符串分割成多个子字符串，并将结果放在一个数组中将字符串转换为数组。分隔符可以是字符串，也可以是一个对象。

1、对象创建

String类型是字符串的对象包装类型，可以像下面这样使用String构造函数来创建。

var stringObject = new String("hello world");

String对象的方法也可以在所有基本的字符串值中访问到。其中，继承的valueOf()、toLocaleString()和toString()方法，都返回对象所表示的基本字符串值。
String类型的每个实例都有一个length属性，表示字符串中包含多少个字符。

2、字符方法

两个用于访问字符串中特定字符的方法是：charAt()和charCodeAt()。这两个方法都接收一个参数，即基于0的字符位置。

charAt()方法以单字符字符串的形式返回给定位置的那个字符；

charCodeAt()方法以单字符字符串的形式返回给定位置的那个字符的字符编码；

var stringValue = "hello world";
alert(stringValue.charAt(1)); //"e"
alert(stringValue.charCodeAt(1)); //"101"

3、字符串操作方法

concat()，用于将一个或者多个字符串拼接起来，返回拼接得到的新字符串。concat()方法可以接收任意多个参数，可以通过它拼接任意多个字符串。

var stringValue = "hello ";
var result = stringValue.concat("world","!");
alert(result); //"hello world!"

slice(指定字符串的开始位置，结束位置) //第二个参数就是子字符串最后一个字符后面的位置

substr(指定字符串的开始位置，返回的字符个数);

substring(指定字符串的开始位置，结束位置);

var stringValue = "hello world";
alertr(stringValue.slice(3,7));  //"lo w"
alert(stringValue.substring(3,7));  //"lo w"
alert(stringValue.substr(3,7));  //"lo worl"

在传递给这些方法的参数是负数的情况下：

（1）slice()方法会将传入的负值与字符串的长度相加；

（2）substr()方法将负的第一个参数加上字符串的长度，而将负的第二个参数转换为0；

（3）substring()方法会把所有的复制参数都转换为0。

  var stringValue = "hello world";      
  alert(stringValue.slice(-3));        //"rld"
  alert(stringValue.substring(-3));    //"hello world"
  alert(stringValue.substr(-3));       //"rld" 
  
  alert(stringValue.slice(3,-4));      //"lo w"
  alert(stringValue.substring(3,-4));  //"hel"
  alert(stringValue.substr(3,-4));     //""(空字符串)

4、字符串位置方法

从字符串中查找子字符串的方法：indexOf()和lastIndexOf()。从一个字符串中搜索给定的子字符串，然后返回子字符串的位置（若没有找到该子字符串，则返回-1）；

indexOf()方法从字符串的开头向后搜索子字符串；

lastIndexOf()方法是从字符串的末尾向前搜索子字符串；

这两个方法都可以接收可选的第二个参数，表示从字符串中的哪个位置开始搜索。

5、trim()方法

trim()方法会创建一个字符串的副本，删除前置及后缀的所有空格，然后返回结果；

trimLeft()和trimRight()方法，分别用于删除字符串开头和末尾的空格。

6、字符串大小写转换方法

toLowerCase()、toLocaleLowerCase()、toUpperCase()、toLocaleUpperCase()；

toLocaleLowerCase()和toLocaleUpperCase()则是针对特定地区的实现。

7、字符串的模式匹配方法

（1）match(),它只接收一个参数，要么是一个正则表达式，要么是一个RegExp对象

（2）search()：它只接收一个参数，要么是一个正则表达式，要么是一个RegExp对象。该方法返回字符串中第一个匹配项的索引；search()方法始终是从字符串开头向后查找模式。

var text = "cat, bat, sat, fat";
var pos = text.search(/at/);
alert(pos); //1

（3）replace()：接收两个参数，第一个参数可以是一个RegExp对象或者一个字符串，第二个参数可以是一个字符串或者一个函数。如果第一个参数是字符串，那么只会替换第一个子字符串。要想替换所有的子字符串，唯一的办法就是提供一个正则表达式，而且要指定全局（g）标志。

var text = "cat, bat, sat, fat";
var result = text.replace("at","ond");
alert(result);   //"cond, bat, sat, fat"
result = text.replace(/at/g, "ond");
alert(result);   //"cond, bond, sond, fond"

（4）split()可以基于指定的分隔符将一个字符串分割成多个子字符串，并将结果放在一个数组中（将字符串转换为数组）。分隔符可以是字符串，也可以是一个RegExp对象。它还可以接受可选的第二个参数，用于指定数组的大小，一遍确保返回的数组不会超过既定大小。

var colorText = "red,blue,green,yellow";
var colors1 = colorText.split(",",2);  //["red","blue"]

8、localeCompare()方法

localeCompare()方法用于比较两个字符串,并返回下列值中的一个：

（1）如果字符串在字母表中应该排在字符串参数之前，则返回一个负数；

（2）如果字符串等于字符串参数，则返回0 ；

（3）如果字符串在字母表中应该排列在字符串参数之后，则返回一个正数。

var stringValue = "yellow";
alert(stringValue.localeCompare("brick")); //1
alert(stringValue.localeCompare("yellow")); //0
alert(stringValue.localeCompare("zoo")); //-1

9、fromCharCode()方法

fromCharCode()方法的任务是接收一或多个字符编码，然后将它们转换成一个字符串,该方法与charCodeAt()执行的是相反操作。
alert(String.fromCharCode(104,101,108,108,111)); //"hello"

10、HTML方法

P130

云服务器私有云 js 数据转string类型明解c语言第9章 js检测string js 数据转string

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/102476.html

JS学习笔记（第24章）（最佳实践）

摘要：大多数情况下，可以是同局部变量完成相同的事情而不引入新的作用域。选择正确的方法避免不必要的属性查找一旦多次用到属性对象，应该将其存储在局部变量中。尽可能多的使用局部变量将属性查找替换为值查找。 1、可维护性 1.1 可维护代码特征 1. 可理解性 2. 直观性 3. 可适应性 4. 可扩展性 5. 可调试性 1.2 代码约定 1、可读性（代码缩进和代码注释） 2、变量和函数命名变量...

cnTomato 2019-08-26 13:39 评论0 收藏0
JS学习笔记（第4章）（变量、作用域和内存问题）

摘要：具体来说就是当执行流进入下列任何一个语句时，作用域链就会得到加长语句的块和语句。这两个语句都会在作用域链的前端添加一个变量对象。对来说，会将指定的对象添加到作用域链中。 1. 基本类型和引用类型的值 JavaScript变量可以用来保存两种类型的值：基本类性值和引用类性值。基本类型值源自以下5种基本数据类型：Undefined、Null、Boolean、Number和String。基本...

linkin 2019-08-23 15:39 评论0 收藏0
JS学习笔记（第10章）（DOM之节点层次）

摘要：节点层次是针对和文档的一个。每一段标记都可以通过一个节点来表示。用于表明节点的类型。返回新增的这个节点。将节点插入到节点列表指定的位置。节点有以下的特性为，为指向元素，指向元素。提供了对元素的标签名，子节点和特性的访问。　节点层次 DOM是针对HTML和XML文档的一个API。DOM描绘了一个层次化的节点树，允许开发人员添加、移除和修改页面的某一部分。 DOM可以将任何HTML或X...

kamushin233 2019-08-26 10:20 评论0 收藏0
JS高级程序设计（1-3章）-笔记

摘要：写在前面本文记录的是我不熟悉或者我认为值得注意的地方，并不是书上知识点的概括。再就是画图这种。与浏览器没有依赖关系。写在前面本文记录的是我不熟悉或者我认为值得注意的地方，并不是书上知识点的概括。第1章 JavaScript简介 JS诞生时间：1995年（好年轻...） JS诞生背景：表单数据合法性由服务端验证的用户体验不好，希望能在客户端进行验证 JS现在用处：如果没有...

Cristic 2019-08-21 17:04 评论0 收藏0
《JavaScript语言精粹修订版》读书笔记

摘要：于是我就先把这本薄的经典书语言精粹修订版豆瓣读书本书简介总共章，除去附录，才页，读完并记录了一些笔记。读书笔记还可以分享给别人看。编程语言第版定义了的标准。程序检查时丢弃值为函数的属性。之前看到这篇文章，前端网老姚浅谈：怎么学JavaScript？，说到怎么学习JavaScript，那就是看书、分析源码。10本书读2遍的好处，应该大于一本书读20遍。看书主动学习，看视频是被动学习。看...

EscapedDog 2019-08-20 18:15 评论0 收藏0