Javascript进阶指南：精通前端核心技术

需积分: 10 183 浏览量更新于2024-07-20 收藏 4.02MB PDF 举报

"这是一本专注于提升Javascript技能的高级指南，旨在帮助读者深入理解JavaScript的核心概念，以便能够解析和理解复杂的JavaScript框架源码。书中强调的不是基础入门知识，而是那些成为高手必备的关键知识点，例如动态类型、字符串、数字、布尔值以及数组等。" 在JavaScript中，动态类型是其语言特性的一大特色。这意味着变量的数据类型可以在运行时改变，赋予了编程更大的灵活性。例如，在示例中，变量`x`先被声明为未定义，然后赋值为数字6，再变为字符串"Bill"。这种灵活性使得开发者可以更方便地处理各种数据。字符串在JavaScript中用于存储字符序列，可以使用单引号或双引号定义。字符串内可以包含引号，只要它们不与字符串的外部引号匹配即可。例如，可以创建包含引号的字符串，如"He is called 'Bill'"或"He is called \"Bill\""。数字是JavaScript中的另一种基本类型，可以是整数或浮点数，并支持科学记数法。例如，`123e5`表示12300000，而`123e-5`则等于0.00123。布尔类型仅有的两个值是`true`和`false`，常用于逻辑判断和条件语句中。在示例中，`var x = true`和`var y = false`分别定义了布尔变量。数组是JavaScript中的复合类型，可以存储多个值。创建数组的方式可以是`new Array()`，或者直接通过值列表初始化，如`var cars = ['Toyota', 'Honda', 'BMW'];`。数组提供了多种操作方法，包括访问、修改元素，以及执行数组特有的操作，如遍历、合并和排序等。这本书将深入探讨这些基础知识背后的原理，以及如何在实际开发中高效利用它们。对于想要提升JavaScript技能的开发者来说，书中内容无疑是一份宝贵的参考资料，能帮助他们更好地理解和驾驭这门强大的脚本语言，进而能够解析和学习像jQuery、AngularJS这样的复杂框架的源代码。

JavaScript数据结构和算法简述

数据结构可以简单的被分为线性结构和非线性结构。

线性结构大致包括：

数组（连续存储）；

链表（离散存储）；

栈（线性结构常见应用，由链表或数组增删和改进功能实现）；

队列（线性结构常见应用，由链表或数组增删和改进功能实现）；

非线性结构大致包括：

树；

图；

其中，数组是应用最广泛的数据存储结构。它被植入到大部分编程语言中。由于数组十分容易懂，所

以它被用来作为介绍数据结构的起点非常合适。

JavaScript数组基础知识

在ECMAScript中数组是非常常用的引用类型了。ECMAScript所定义的数组和其他语言中的数组有着很

大的区别。那么首先要说的就是数组在js中是一种特殊的对象。

特点：

数组是一组数据的线性集合；

js数组更加类似java中的容器。长度可变，元素类型也可以不同；

数组的长度可以随时修改（length属性）；

常用操作方法：

push、pop

shift、unshift

splice、slice

concat、join、sort、reverse等

JavaScript数组操作

一、数组方法：

JavaScript数据结构和算法简述

第 16 页 /共

207 页

1、数组的创建

var array = [ ] ;

　 var array = new Array ( ) ; //创建一个数组

　 var array = new Array ( [ size ] ) ; //创建一个数组并指定长度，注意不是上限，是长

度

var array = new Array ( [ element0 [ , element1 [ , . . . [ , elementN ] ] ] ] ) ;

　 //创建一个数组并赋值

注意：虽然第三种方法创建数组指定了长度，但实际上所有情况下数组都是变长的，也就是说即使指

定了长度为5，仍然可以将元素存储在规定长度以外的，并且这时长度会随之改变。

2、数组元素的访问

var getArrItem = array [ 1 ] ; //获取数组的元素值

array [ 1 ] = "new value" ; //给数组元素赋予新的值

3、数组元素的添加

array . push ( [ item1 [ item2 [ . . . [ itemN ] ] ] ] ) ; // 将一个或多个新元素添加

到数组结尾，并返回数组新长度

array . unshift ( [ item1 [ item2 [ . . . [ itemN ] ] ] ] ) ; // 将一个或多个新元素

添加到数组开始，数组中的元素自动后移，返回数组新长度

array . splice ( insertPos , 0 , [ item1 [ , item2 [ , . . . [ , itemN ] ] ] ] ) ;

//将一个或多个新元素插入到数组的指定位置，插入位置的元素自动后移，返回""。

4、数组元素的删除

array . pop ( ) ; //移除最后一个元素并返回该元素值

array . shift ( ) ; //移除最前一个元素并返回该元素值，数组中元素自动前移

array . splice ( deletePos , deleteCount ) ; //删除从指定位置deletePos开始的指定数量

deleteCount的元素，数组形式返回所移除的元素

array . slice ( start , [ end ] ) ; //以数组的形式返回数组的一部分，注意不包括 end

对应的元素，如果省略 end 将复制 start 之后的所有元素

5、数组的合并

array . concat ( [ item1 [ , item2 [ , . . . [ , itemN ] ] ] ] ) ; //将多个数组（也

可以是字符串，或者是数组和字符串的混合）连接为一个数组，返回连接好的新的数组

JavaScript数据结构和算法简述

第 17 页 /共

207 页

6、数组的拷贝

array . slice ( 0 ) ; //返回数组的拷贝数组，注意是一个新的数组，不是指向

array . concat ( ) ; //返回数组的拷贝数组，注意是一个新的数组，不是指向

7、数组元素的排序

array . reverse ( ) ; //反转元素（最前的排到最后、最后的排到最前），返回数组地址

array . sort ( ) ; //对数组元素排序，返回数组地址

8、数组元素的字符串化

array . join ( separator ) ; //返回字符串，这个字符串将数组的每一个元素值连接在一

起，中间用 separator 隔开。

、、：可以看作是的特殊用法，不常用toLocaleString toString valueOf join

简单介绍了下数组各个方法的使用，也算是对js数组学习的一个review和总结，利用这些方法可以实

现数组更复杂些的操作，具体大家可以自己去实践。可见，js数组的功能很强大。

二、数组属性

1、 length属性

length属性表示数组的长度，即其中元素的个数。因为数组的索引总是由0开始，所以一个数组的上

下限分别是：0和length-1。和其他大多数语言不同的是，JavaScript数组的length属性是可变的，

这一点需要特别注意。当length属性被设置得更大时，整个数组的状态事实上不会发生变化，仅仅是

length属性变大；当length属性被设置得比原来小时，则原先数组中索引大于或等于length的元素的

值全部被丢失。下面是演示改变length属性的例子：

var arr = [ 12 , 23 , 5 , 3 , 25 , 98 , 76 , 54 , 56 , 76 ] ;

//定义了一个包含10个数字的数组

print ( arr . length ) ; //显示数组的长度10

arr . length = 12 ; //增大数组的长度

print ( arr . length ) ; //显示数组的长度已经变为12

print ( arr [ 8 ] ) ; //显示第9个元素的值，为56

arr . length = 5 ; //将数组的长度减少到5，索引等于或超过5的元素被丢弃

print ( arr [ 8 ] ) ; //显示第9个元素已经变为"undefined"

JavaScript数据结构和算法简述

第 18 页 /共

207 页

arr . length = 10 ; //将数组长度恢复为10

print ( arr [ 8 ] ) ; //虽然长度被恢复为10，但第9个元素却无法收回，显示"undefined"

由上面的代码我们可以清楚的看到length属性的性质。但length对象不仅可以显式的设置，它也有可

能被隐式修改。JavaScript中可以使用一个未声明过的变量，同样，也可以使用一个未定义的数组元

素（指索引超过或等于length的元素），这时，length属性的值将被设置为所使用元素索引的值加

1。例如下面的代码：

var arr = [ 12 , 23 , 5 , 3 , 25 , 98 , 76 , 54 , 56 , 76 ] ;

print ( arr . length ) ; // 10

arr [ 15 ] = 34 ;

print ( arr . length ) ; // 16

代码中同样是先定义了一个包含10个数字的数组，可以看出其长度为10。随后使用了索引为15的元

素，将其赋值为15，即 arr[15]=34，这时再输出数组的长度，得到的是16。无论如何，对于习惯于

强类型编程的开发人员来说，这是一个很令人惊讶的特性。事实上，使用new Array()形式创建的数

组，其初始长度就是为0，正是对其中未定义元素的操作，才使数组的长度发生变化。

综上，利用length属性可以方便的增加或者减少数组的容量。

2、 prototype属性

返回对象类型原型的引用。prototype 属性是 object 共有的。

objectName.prototype

objectName 参数是object对象的名称。

对于数组对象，以下例子说明 prototype 属性的用途。

给数组对象添加返回数组中最大元素值的方法。要完成这一点，声明一个函数，将它加入 Array.

prototype，并使用它。

function array_max ( ) {

var i ,

max = this [ 0 ] ;

for ( i = 1 ; i < this . length ; i ++ ) {

if ( max < this [ i ] )

max = this [ i ] ;

}

JavaScript数据结构和算法简述

第 19 页 /共

207 页

剩余206页未读，继续阅读

北极象

粉丝: 1w+
资源: 377

Javascript进阶指南：精通前端核心技术

JavaScript 权威指南（第五版）源码

JavaScript权威指南5上

javascript权威指南mobi

《javascript学习指南》 下载

javascript权威指南(第7版) pdf

javascript 权威指南第7版_第七版 JavaScript权威指南之标准库

javascript权威指南(第7版)\ filetype pdf"

javascript面向对象编程指南pdf

javascript权威指南

javascript tools guide cc 中文

最新资源

《javascript学习指南》下载