JavaScript之数组：数组的属性：
数组
W3Cschool关于数组的文档
数组是一种特殊变量，它一次可以存放一个以上的值，例如：var array_name = [ "tom","jack","Alice"];同时，也可以用JS关键词new创建数组var name = new Array("tom","jack","jane");两者完全一致，建议第一种。
1.访问数组元素
- 我们可以通过索引号来引用某个数组元素
[0]是数组中的第一个元素。
var array_name = [ "tom","jack","Alice"];
document.getElementById("demo").innerHTML = array_name[0]; // tom
2.改变数组元素
- 实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p id="demo"></p>
</body>
<script>
var cars = ["Saab", "Volvo", "BMW"];
cars[0] = "Opel";
document.getElementById("demo").innerHTML = cars[0]; // Opel
</script>
</html>
3.访问完整数组
- 可以通过引用数组名的方式来访问完整数组：
var cars = ["Saab", "Volvo", "BMW"];
document.getElementById("demo").innerHTML = cars;
4.数组是对象：数组是一种特殊类型的对象
- 在JS中对数组使用typeof运算符会返回object，但是数组最好用数组来描述。
5.数组属性和方法
- length属性 ：返回数组的长度（数组元素的数目）
var fruits = ["Banana", "Orange", "Apple", "Mango"];
console.log(fruits.length); //4
- 访问第一个数组元素 :
var first = fruits[0]; - 访问最后一个数组元素 ：
var last = fruits[fruits.length - 1]; - 遍历数组元素 ：
- 最安全的方法就是使用 for 循环：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p id="demo"></p>
</body>
<script>
var fruit, fLength, i, text;
fruit = ["Banana", "Apple", "Orange"];
fLength = fruit.length;
text = ""
;
//for循环
for (i = 0; i < fLength; i++) {
text += "" + fruit[i] + ""
}
document.getElementById("demo").innerHTML = text;
</script>
</html>
- 也可以使用
Array.forEach()函数：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p id="demo"></p>
</body>
<script>
var fruits, text;
fruits = ["Banana", "Orange", "Apple", "Mango"];
text = ""
;
// forEach()方法
fruits.forEach(myFunction);
document.getElementById("demo").innerHTML = text;
function myFunction(value) {
text += "" + value + ""
}
</script>
</html>
- 添加数组元素 :想数组添加新元素的最佳方法是使用 push() 放法：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p id="demo"></p>
</body>
<script>
var fruits = ["apple", "banana"];
fruits.push("lemon");
document.getElementById("demo").innerHTML = fruits;
</script>
</html>
-
另外可以通过
fruits[fruits.length] = "lemon";想fruits数组添加新元素 -
关联数组
很多编程元素支持命名索引的数组。具有命名索引的数组被称为关联数组（或散列）。JavaScript 不支持命名索引的数组。在 JavaScript 中，数组只能使用数字索引。
var person = [];
person[0] = "Bill";
person[1] = "Gates";
person[2] = 62;
var x = person.length; // person.length 返回 3
var y = person[0]; // person[0] 返回 "Bill"
- 数组与对象的区别
在 JavaScript 中，数组使用数字索引。在 JavaScript 中，对象使用命名索引。数组是特殊类型的对象，具有数字索引。
何时使用数组，何时使用对象？ JavaScript 不支持关联数组如果希望元素名为字符串（文本）则应该使用对象。如果希望元素名为数字则应该使用数组。
- 如何识别数组
1.为了解决这个问题，ECMAScript 5 定义了新方法 Array.isArray() ：
Array.isArray(fruits); // 返回 true
2.创建您自己的 isArray() 函数以解决此问题：
function isArray(x) { return x.constructor.toString().indexOf("Array") > -1;}
3.假如对象由给定的构造器创建，则 instanceof 运算符返回 true
：var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits instanceof Array // 返回 true