JavaScript字符串很容易被认为本质就是字符数组,ECMAScript规范中字符串作为一种单独的string类型,它的底层实现可能是数组,也可能是其他数据结构,因不同的JavaScript引擎而异。就像c++语言一样,c++最新标准为国际化标准组织与2011年发布,不同的编译器(例如cl、gcc、g++等)对这套标准的实现都有所不同,甚至有些编译器还增加了一些个性化的元素。目前主流的JS引擎有SpiderMonkey(Mozilla浏览器使用的引擎)、V8引擎(Chrome浏览器引擎)等,这些引擎都是开源的,不仅仅可以用在浏览器中,一些商业游戏引擎(如Unity3d)中也有应用。

对于使用JS语言编写应用的程序员来说,我们属于用户,并不需要过多关注JS引擎是如何实现ECMAScript规范的。

正确认识JS字符串并不是字符数组是相当重要的,我们来看一下二者的异同点:

    <script type="text/javascript">
var str = "hello";
var arr = ['h','e','l','l','o'];
alert(str.length);//5
alert(arr.length);//5
alert(str.indexOf('e'));//1
alert(arr.indexOf('e'));//1
str.concat("world");
arr.concat(['w','o','r','l','d']);
alert(str[0]);//h
alert(arr[0]);//h
</script>

字符串和字符数组都有length属性,我们可以使用它来获取字符串(字符数组)的长度。都提供indexOf函数,该函数可以返回某个字符在字符串(字符数组)中的位置。都可以调用concat和其他字符串(字符数组)进行拼接,都可以使用下标形式获取字符串(字符数组)中的某一个字符。

接下来介绍两者不同的地方,

JavaScript字符串长度是不可变的,而字符数组的长度可以任意改变。

str.concat("world");
str += "world"

调用concat函数实际上产生了一个新的字符串,str的内容依然没变。使用+=运算符看上去好像str的长度发生改变,事实上也是产生了一个新的字符串复制给str变量。

    <script type="text/javascript">
var str = "hello";
var arr = ['h','e','l','l','o'];
alert(typeof str);//string
alert(typeof arr);//object
//str.reverse();//error: reverse is undefined
arr.reverse();//right
str += "world";
arr += ['w','o','r','l','d'];
alert(str);//helloworld
alert(arr);//h,e,l,l,ow,o,r,l,d var str1 = "1234";
var arr1 = ['1','2','3','4'];
alert(+str1);//1234
alert(+arr1);//NaN
</script>

JS字符串属于string类型,数组属于object类型,我们可以调用数组的reverse函数对字符进行反转,但这个方法在string中未定义。使用+=运算符对字符串和字符数组进行拼接时二者的差异也较大,具体情况请参考上面的代码。我们可以使用单目运算符正号’+’將字符串隐式转换成数字,但是字符数组不行,结果为NaN。

上面为二者的异同点,最后介绍一下將字符串转换成数字的其他方法。

    <script type="text/javascript">
var str = "1234";
alert(typeof (str - 0));//alert number
alert(typeof parseInt(str));//alert number
</script>

除了上面的正号运算符’+’,我们还可以把字符串和数字0做减法运算或者调用parseInt函数將字符串转换成数字。

你不知道的JavaScript(三)字符串的更多相关文章

  1. 【读书笔记】-- 你不知道的JavaScript

    <你不知道的JavaScript>是一个不错的JavaScript系列书,书名可能有些标题党的意思,但实符其名,很多地方会让你有耳目一新的感觉. 1.typeof null === &qu ...

  2. 读书笔记-你不知道的JavaScript(上)

    本文首发在我的个人博客:http://muyunyun.cn/ <你不知道的JavaScript>系列丛书给出了很多颠覆以往对JavaScript认知的点, 读完上卷,受益匪浅,于是对其精 ...

  3. 你不知道的javaScript上卷(第一章 作用域是什么)

    在写这篇博客时这本书我已经是看过一遍了,为了加深印象和深入学习于是打算做这系列的前端经典书籍导读博文,大家如果觉得这本书讲的好可以自己买来看看,我是比较喜欢看纸质版书的,因为这样才有读书的那种感觉. ...

  4. 你不知道的JavaScript之类型

    JavaScript是一门简单易用的语言,应用广泛,同时它的语言机制又十分复杂和微妙,即使经验丰富的开发人员也需要用心学习才能真正掌握. <你不知道的JavaScript>中是这样定义类型 ...

  5. 《你不知道的 JavaScript 上卷》 学习笔记

    第一部分: 作用域和闭包 一.作用域 1. 作用域:存储变量并且查找变量的规则 2. 源代码在执行之前(编译)会经历三个步骤: 分词/此法分析:将代码字符串分解成有意义的代码块(词法单元) 解析/语法 ...

  6. 《你不知道的javascript》读书笔记2

    概述 放假读完了<你不知道的javascript>上篇,学到了很多东西,记录下来,供以后开发时参考,相信对其他人也有用. 这篇笔记是这本书的下半部分,上半部分请见<你不知道的java ...

  7. 《你不知道的JavaScript》笔记(一)

    用了一个星期把<你不知道的JavaScript>看完了,但是留下了很多疑惑,于是又带着这些疑惑回头看JavaScript的内容,略有所获. 第二遍阅读这本书,希望自己能够有更为深刻的理解. ...

  8. 《你不知道的JavaScript》整理(二)——this

    最近在读一本进阶的JavaScript的书<你不知道的JavaScript(上卷)>,这次研究了一下“this”. 当一个函数被调用时,会创建一个活动记录(执行上下文). 这个记录会包含函 ...

  9. 《你不知道的JavaScript》整理(一)——作用域、提升与闭包

    最近在读一本进阶的JavaScript的书<你不知道的JavaScript(上卷)>,里面分析了很多基础性的概念. 可以更全面深入的理解JavaScript深层面的知识点. 一.函数作用域 ...

  10. 你不知道的Javascript(上卷)读书笔记之一 ---- 作用域

    你不知道的Javascript(上卷)这本书在我看来是一本还不错的书籍,这本书用比较简洁的语言来描述Js的那些"坑",在这里写一些博客记录一下笔记以便消化吸收. 1 编译原理 在此 ...

随机推荐

  1. Linux命令学习-curl

    作用 curl是利用URL语法的一款强大的网络工具,你可以使用它完成上传下载文件等操作. curl http://www.cnblogs.com 上诉的命令即可将页面内容打印到屏幕上. 常用参数 -o ...

  2. 开发工具 | 利用 deployd 搭建个人博客

    前端er,通过利用deployd + mongodb,实现可视化的接口编写,自定义mock数据,数据存储在mongodb中:deployd目前还没有中文网,更多信息请参考http://deployd. ...

  3. Oracle数据库基础(一)

    当今主流数据库有瑞典MySQL公司的MySQL数据库,微软的SqlServer数据库,IBM公司的DB2,Oracle公司的Oracle数据库以及美国Sybase的Sybaseshujuku .数据库 ...

  4. java ScriptEngine 使用 (java运行脚本文件)

    转自:http://www.tuicool.com/articles/imEbQbA Java SE 6最引人注目的新功能之一就是内嵌了脚本支持.在默认情况下,Java SE 6只支持JavaScri ...

  5. JS中浮点数相加问题

    https://blog.csdn.net/u012937029/article/details/61191512 采用IEEE 754 Floating-point的浮点数编码方式来表示浮点数 按I ...

  6. ZBrush中Flatten展平笔刷介绍

    本文我们来介绍ZBrush®中的Flatten展平笔刷,Flatten笔刷能增加粗糙的平面在模型表面,利用它能够制作出完全的平面. Flatten展平笔刷 Flatten(展平):Flatten笔刷可 ...

  7. div基本组成要素

    title下面先清除固有格式 style{ *{ margin:0 auto padding:0 foant family } } div{ width height border backgroun ...

  8. day12 字符编码

    计算机基础 启动应用程序 双击QQ 操作系统接受指令然后把该操作转化成0和1发送给CPU CPU接受指令然后把指令发送给内存 内存接受指令把指令发送给硬盘读取数据 QQ在内存中运行 写文本的流程 在记 ...

  9. day06-2 基本运算符(解压缩)

    目录 运算符 算数运算符 比较运算符 赋值运算符 逻辑运算符 运算规则 成员运算符 身份运算符 Python运算符优先级 链式赋值(必考) 交叉赋值(必考) 解压缩(必考) 运算符 算数运算符 进行算 ...

  10. zabbix部署监控端(server)以及页面优化

    实验环境准备 172.20.10.2 server.zabbix.com 172.20.10.3 agent.zabbix.com 172.20.10.8 windows10 Server 端 [ro ...