JavaScript之数组：数组的属性：

最新推荐文章于 2024-03-29 11:29:26 发布

风和雨呀~

最新推荐文章于 2024-03-29 11:29:26 发布

阅读量695

点赞数

分类专栏： JavaScript学习笔记

本文链接：https://blog.csdn.net/qq_43968060/article/details/114374737

版权

JavaScript学习笔记专栏收录该内容

30 篇文章 0 订阅

订阅专栏

数组

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 = "<ul>";
	//for循环
    for (i = 0; i < fLength; i++) {
        text += "<li>" + fruit[i] + "</li>"
    }
    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 = "<ul>";

        // forEach()方法
        fruits.forEach(myFunction);
        document.getElementById("demo").innerHTML = text;

        function myFunction(value) {
            text += "<li>" + value + "</li>"
        }
    </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

风和雨呀~

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
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"];doc
复制链接

扫一扫