javascript引用类型之时间Date和数组Array

JavaScript中的引用类型——时间Date与数组Array

JavaScript中的Date类型是一种引用类型，基于早期Java中的java.util.Date类构建。它以从UTC 1970年1月1日零时开始的毫秒数来保存日期，能够精确到1970年之前的或之后的约几百万年。这种数据存储格式使得Date类型能够非常精确地表示日期和时间。

一、创建日期对象

在JavaScript中，我们可以通过Date()构造函数来创建日期对象。当我们没有向构造函数传递日期参数时，它将创建一个拥有当前日期和时间的对象。如果我们希望根据特定的日期和时间创建日期对象，只需将能表示日期的参数传入构造函数即可。

Date()构造函数可以接受的日期格式有很多种，例如“月/日/年”、“英文月名 日,年”，或者“年，月，日，时，分，秒”。例如：

```javascript

var date1 = new Date("2/27/2014");

alert(date1); //显示的是格式化后的日期字符串，如：Thu Feb 27 2014 00:00:00 GMT+0800

```

值得注意的是，创建日期对象时，参数的形式稍有不同会导致创建出的日期对象有所不同。比如，以字符串形式传递参数时，可以使用“月/日/年”或“英文月名 日,年”的格式；而传递年月日时分秒时，则需要分别作为单独的参数传入，此时月份是从0开始的（即一月份是0）。如果某些参数省略，它们将以0表示。某些日期格式可能会导致创建失败，比如使用不正确的格式字符串。使用特定格式创建的日期对象与调用Date.parse()或Date.UTC()方法得到的结果可能有所不同。因此在实际使用中需要特别小心。

二、继承的方法

Date类型继承了多种方法，包括转换为字符串的toString()、toLocaleString()和valueOf()，以及格式化日期的toDateString()、toTimeString()、toLocaleDateString()、toLocaleTimeString()和toUTCString()等。这些方法的使用频率不尽相同，但它们都能够帮助我们更好地处理和展示日期信息。这些方法的具体使用方式和效果可能会因浏览器的不同而有所差异。因此在实际开发中需要根据具体需求和浏览器兼容性来选择合适的日期处理方法。例如，我们可以通过这些方法将日期对象转换为字符串格式进行展示或存储，或者将字符串格式的日期转换为日期对象进行处理和操作等。这些方法的详细用法和效果可以通过查阅相关文档或进行实际测试来了解。同时还需要注意的是这些方法的使用方式和效果可能会受到JavaScript版本和浏览器兼容性的影响。因此在实际开发中需要根据具体情况进行选择和使用以确保代码的正确性和兼容性。JavaScript中的数组概览：动态与多元化的数据类型存储

JavaScript中的数组是一种非常灵活且功能丰富的数据结构，允许存储多种类型的数据，并具备动态调整大小的能力。这与许多其他语言中的数组有所不同，其每一项可以保存任何类型的数据，且数组的大小是动态变化的。

一、数组的创建

创建JavaScript数组有多种方法，其中最常见的两种是：使用Array构造函数和数组字面量表示法。

1. 使用Array构造函数：

使用`new Array()`可以创建一个新的空数组。如果传递一个数值参数，它将创建一个具有指定数量的空项的数组。如果传递其他类型的参数，它将创建一个只包含一个元素的数组，该元素就是传递的参数。

例如：

```javascript

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

var colors = new Array(20); // 创建一个包含20个空项的数组

var colors = new Array('red','blue','green'); // 创建一个包含三个字符串元素的数组

```

注意：传递数值参数时，Array构造函数会根据数值创建相应数量的空项；传递其他类型的参数时，会创建一个包含那个值的单一元素数组。

2. 使用数组字面量表示法：

这是一种更简洁的创建数组的方式，不需要调用Array构造函数。只需使用方括号并将元素列表放在其中即可。

例如：

```javascript

var colors = ['red','blue','green']; // 创建一个包含三个字符串元素的数组

```

使用数组字面量表示法时，需要注意一些边缘情况。例如，尾部的逗号在某些浏览器中可能会导致意外的行为。在实际编程中应尽量避免这种情况。

二、数组的读写与操作

JavaScript数组的每一项都可以通过其数字索引进行访问或修改。数组的length属性表示数组中元素的数量，并且这个属性是可读写的。通过改变length属性的值，可以从数组的末尾移除元素或添加新元素。

例如：

```javascript

var colors = ['red','blue','green']; // 创建一个包含三个元素的数组

colors.length = 2; // 移除最后一个元素，现在数组包含两个元素

colors[colors.length] = 'black'; // 在数组末尾添加一个新元素

```

确定值是否为数组，不受创建环境影响

当我们面对一个值，不论它在何处被创建，我们的目标是要确定它是否真的是数组。在这个过程中，我们可以深入研究它的特性和方法。

数组的转换之旅

在数组中，即使某一项的值为null或undefined，它在某些方法下的表现也有规律可循。例如，在join()、toLocaleString()、toString()和valueOf()这些方法下，这些null或undefined的值会被以空字符串的形式展现。

深入理解数组方法

让我们逐一了解这些方法的特点和功能：

[1.4.1] toString()方法

这个方法会返回一个由数组中每个值的字符串形式拼接而成的一个以逗号分隔的字符串。通过这种方式，我们可以清晰地看到数组中的每一项内容。

[1.4.2] valueOf()方法

这个方法返回的是数组本身，也就是说，它返回的是一个包含原数组所有项的新的数组对象。这让我们知道，即使经过这个方法处理，我们仍然处理的是数组本身。

[1.4.3] toLocaleString()方法

这个方法创建的是一个以逗号分隔的字符串，但它不仅仅是对数组中的每一项调用toString()方法那么简单。每一项的值实际上调用的是其自己的toLocaleString()方法。这意味着数组中的每一项都可能展现出不同的本地化字符串形式。

[join方法]

这是一个非常灵活的数组方法，允许我们使用不同的分隔符来构建字符串。不论我们使用一个字符、一个字符串还是undefined作为分隔符，join方法都会返回一个包含所有数组项的字符串。值得注意的是，在IE7及更早版本中，如果未指定分隔符，则会使用undefined作为默认分隔符。

接下来让我们转向数组的另一种重要特性——栈和队列方法：

[1.5] 栈与队列方法

这两种数据结构都有其特定的数据操作方式。在数组中实现这些方法是为了更好地管理和操作数据。

[1.5.1] 栈方法

栈是一种后进先出（LIFO）的数据结构。这意味着最后添加的元素会首先被移除。我们可以使用push()方法来添加元素到栈顶，并使用pop()方法来移除栈顶的元素。值得注意的是，push()方法可以接收任意数量的参数并把它们逐个添加到数组末尾，而pop()方法会从数组末尾移除一项并返回该项。pop()操作会减少数组的length值。在这个过程中，我们就像在操作一个真实的物理栈一样，可以方便地进行元素的添加和移除操作。

以上内容充分展示了数组的多样性和灵活性，让我们更深入地理解了数组的各种方法和特性。无论我们面对什么样的数据环境或需求，都可以利用这些知识和方法来有效地处理数组数据。JavaScript中的数组方法：模拟队列与排序功能

在JavaScript中，数组提供了一系列强大的方法，可以用于模拟队列操作和排序。让我们深入了解一下这些功能并对其进行生动的描述。

1. 模拟队列操作

队列是一种先进先出（FIFO）的数据结构，我们可以使用数组的shift()和push()方法来模拟队列的操作。

shift()：此方法移除数组中的第一个项并返回该项。当从数组中删除第一项时，所有其他项会向上移动填补空缺，数组的长度也会减1。这就像我们在队列中取走第一个项目，后面的项目则依次前进。

unshift()：此方法在数组前端添加任意数量的项，并返回新数组的长度。我们可以结合使用unshift()和pop()方法从相反的方向模拟队列，即在队列前端添加项目并从末端移除项目。

需要注意的是，在Internet Explorer 7及以下版本中，unshift()方法返回的是undefined，而不是新数组的长度。因此在使用时需要注意浏览器兼容性。

2. 排序方法

在JavaScript中，我们可以使用reverse()和sort()方法对数组进行排序。

reverse()：此方法反转数组的顺序，使得数组从最后的项开始到第一个项结束。这就像是我们在翻牌时，将牌的顺序颠倒过来。经过排序后的数组会返回给调用者。

sort()：此方法按照升序排列数组项。在排序过程中，sort方法会调用每个数组项的toString()方法，然后比较得到的字符串进行排序。对于非数字字符串，这种排序方式可能并不总是符合我们的预期。值得注意的是，sort()方法可以接受一个比较函数作为参数，让我们可以指定哪个值应该在哪个值的前面。这样，我们可以更灵活地控制排序的方式。

JavaScript的数组方法为我们提供了强大的工具来模拟队列操作和进行排序。通过理解这些方法的工作原理和特性，我们可以更有效地使用它们来处理数据。在编程世界中，比较函数扮演着至关重要的角色。其主要功能是根据特定的规则对元素进行排序。这种规则可以简单到只是判断一个元素是否应该位于另一个元素之前或之后，或者更具体地，是通过计算两个元素之间的差值来决定它们的顺序。

想象一下我们使用一个比较函数来对数组进行排序。这个函数接收两个参数，我们可以称之为值1和值2。如果值1小于值2，那么函数返回-1，表示值1应该在值2之前；如果值1等于值2，函数返回0，表示两个值相等；如果值1大于值2，函数返回1，表示值1应该在值2之后。这种机制在诸如数组排序等场景中非常常见。

对于数值类型或是可以通过valueOf方法转化为数值的对象类型，我们的比较函数可以更加简洁。只需要通过减法运算，就可以得到两个值之间的相对关系，进而决定它们的顺序。这种方法的优点是简洁明了，且效率较高。

在JavaScript中，数组提供了一系列方法来进行操作，如concat、slice、splice等。

concat方法用于创建一个新的数组，它基于当前数组中的所有项，并可以接收额外的参数添加到新数组的末尾。值得注意的是，concat方法并不会改变原始数组。

slice方法也是创建一个新的数组，它基于当前数组的一个或多个项。这个方法接受起始和结束位置作为参数，返回这两个位置之间的项。同样，slice方法也不会改变原始数组。

还有一个位置方法，它属于ECMAScript5规范。这个方法接受两个参数：要查找的项和查找起点位置的索引。通过这个方法，我们可以在数组中查找特定的项。

比较函数和数组操作方法为我们提供了强大的工具来处理和操作数组，使我们在处理数据时更加灵活和高效。深入数组中的查找项：位置与方法

在编程世界里，定位数组中的元素是常见的需求。ECMAScript的数组提供了强大的方法，如 `indexOf()` 和 `lastIndexOf()`，帮助我们快速找到数组中特定元素的索引位置。这些方法不仅实用，而且易于理解。接下来，让我们深入理解这两个方法的工作原理及其在特定场景下的应用。

一、基本使用

当我们谈论 `indexOf()` 和 `lastIndexOf()` 时，我们在谈论的是在数组中查找特定元素的起始位置。这两个方法接受两个参数：一个是要查找的元素，另一个是从何处开始搜索的起始索引位置（默认为整个数组）。它们返回的是找到的第一个匹配项的索引位置，如果没有找到则返回 -1。值得注意的是，这两个方法使用的是全等操作符进行比较，这意味着它们不仅比较值，还比较对象的引用。

二、关于引用的问题

在 JavaScript 中，对象是通过引用传递的。这意味着当你创建一个对象并将其赋值给另一个变量时，你实际上是在复制引用，而不是对象本身。当你尝试使用 `indexOf()` 方法查找对象时，必须确保你正在查找的对象与数组中的对象具有相同的引用。否则，即使两个对象的值相同，也会返回 -1。例如，`peopledexOf(person)` 返回 -1，因为 person 和 people 数组中的对象有不同的引用。但 `morePeopledexOf(person)` 返回 0，因为 person 和数组中的元素指向的是同一个对象。

三、关于返回值的问题

除了返回第一个满足条件的项的索引之外，我们还可以通过自定义函数来获取满足条件的所有项的索引值。这可以通过使用一个循环来完成。每次循环都会查找下一个匹配项的索引位置，并将其添加到结果数组中。如果找不到更多的匹配项，循环就会停止并返回结果数组。这种方法尤其适用于需要找到数组中所有匹配项的场合。例如，在 `allIndexOf()` 函数中，我们就是通过这种方式找到数组中所有值为 1 的元素的索引位置。这个方法还允许我们在每个元素上运行一个函数并设置作用域对象（可选参数）。这是 ECMAScript5 中迭代方法的一个重要特性。通过使用此方法，我们可以更方便地操作数组中的元素并执行各种操作。同时它还提供了强大的灵活性来定制我们的操作方式以及影响 this 的值。这样我们就可以根据需要执行复杂的任务或实现特定的功能需求了。总之通过灵活使用这些方法我们可以更加高效地进行编程操作并实现更复杂的逻辑需求从而让我们的代码更加简洁易懂且易于维护。在JavaScript的世界里，数组为我们提供了强大的迭代处理能力。这些迭代方法，如同魔法般强大，它们允许我们深入数组的每个元素，执行特定的操作，同时保持数组的原始状态不受影响。让我们深入理解这些方法并它们的魅力。

让我们看看这些方法的基本介绍：

`every()`：此方法会对数组中的每一项运行给定函数。如果该函数对每一项都返回true，那么整个数组都会被判断为true。这对于验证数组中的每一项是否满足某个条件非常有用。

`filter()`：此函数也会遍历数组中的每一项，但它只返回那些给定函数返回true的项组成的新数组。这是筛选数组中符合条件的项的理想选择。

`forEach()`：这个方法会对数组中的每一项运行给定函数，但它没有返回值。可以把它看作是for循环的替代方案，用于执行一些不涉及返回值的任务。

`map()`：此方法同样遍历数组中的每一项，但它返回一个新的数组，这个新数组由每次函数调用的结果组成。这是创建新数组的一种有效方式。

`some()`：与every()类似，此方法也会对数组中的每一项运行给定函数。只要该函数对任一项返回true，整个数组就会被判断为true。这对于检查数组中是否有满足特定条件的项非常有用。

接下来，让我们看看归并方法：

归并方法是ECMAScript5引入的一种强大的迭代方法，它通过迭代数组的所有项来构建一个最终返回的值。它接收两个参数：一个在每一项上调用的函数和作为归并基础的初始值（可选）。此方法不会影响原始数组。

`reduce()`：此方法从数组的第一项开始迭代，每次迭代都将上一次迭代的返回值传递给下一次迭代作为参数。这使得我们可以在处理数组时累积结果，如求和、拼接字符串等。

`reduceRight()`：与reduce()类似，但它从数组的末尾开始迭代。这使得在处理某些问题时可以利用数组的后半部分数据更加方便。

现在让我们看一些实际的代码示例：

假设我们有一个数字数组`values`，我们可以使用reduce方法轻松求和：

```javascript

var sum = values.reduce(function(prev, cur) {

return prev + cur;

});

alert(sum); // 弹出总和值

```

同样地，如果我们想筛选出一个数组中大于某个值的元素组成的数组，我们可以使用filter方法：

```javascript

var numbers = [2, 5, 9]; // 一个简单的数字数组示例

var filteredNumbers = numbers.filter(function(value) { // 使用filter方法筛选大于某个值的元素组成的数组

return value > 2; // 返回符合条件的元素组成的数组

}); // filteredNumbers现在包含：[5, 9]这个新的筛选后的数组。原始数组保持不变。

```

还有一个名为`logArray`的函数示例，它接受数组的每一项作为参数并打印出来。通过这个简单的示例，我们可以看到如何使用forEach方法来遍历数组的每一项并执行相应的操作。这些只是JavaScript提供的众多强大的迭代方法的一部分，通过这些方法我们可以轻松地处理和分析大量的数据集合。当然除了这些之外还有其他更多有趣和强大的功能等待我们去和学习。