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. ML学习笔记- 神经网络

    神经网络 有的模型可以有多种算法.而有的算法可能可用于多种模型.在神经网络中,对外部环境提供的模式样本进行学习训练,并能存储这种模式,则称为感知器;对外部环境有适应能力,能自动提取外部环境变化特征,则 ...

  2. javascript中手风琴特效

    <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...

  3. android夜间模式切换

    1.记录个最简单的夜间模式的实现 2.styles.xml <style name="DayTheme" parent="AppTheme"> &l ...

  4. php 生成不重复的随机字符串

    md5(uniqid(md5(microtime(true)),true))

  5. 第一次接触Arduino

    1.百度百科: Arduino包含两个主要的部分:硬件部分是可以用来做电路连接的Arduino电路板:另外一个则是 Arduino IDE,你的计算机中的程序开发环境.你只要在IDE中编写程序代码,将 ...

  6. JS实现HTML打印机效果

    5月最近在学Django,所以所有的Demo都没有PO出去 <!DOCTYPE html> <html lang="en"> <head> &l ...

  7. Unity5.X 编辑器介绍

      导航窗口中有一个 Add Asset Package 按钮,可以导入一些官方的资源包,例如Characters角色控制器   Windows → Layouts 可以更换窗口的摆放   常见视图 ...

  8. BZOJ 3307 雨天的尾巴 (树上差分+线段树合并)

    题目大意:给你一棵树,树上一共n个节点,共m次操作,每次操作给一条链上的所有节点分配一个权值,求所有节点被分配到所有的权值里,出现次数最多的权值是多少,如果出现次数相同就输出最小的. (我辣鸡bzoj ...

  9. NodeJS踩坑实录

    nodejs的常用api url 主要是配置一系列和路径相关的信息 url.parse(urlString[, parseQueryString[, slashesDenoteHost]]) 将一个U ...

  10. tp框架报错 Namespace declaration statement has to be the very first statement in the script

    Namespace declaration statement has to be the very first statement in the script tp框架报这个错误,错误行数就是nam ...