Javascript 数组和函数

最新推荐文章于 2022-08-24 17:52:18 发布

添福宝615

最新推荐文章于 2022-08-24 17:52:18 发布

阅读量173

点赞数

分类专栏：笔记文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/weixin_61923897/article/details/120870385

版权

本文详细介绍了JavaScript中的数组，包括概念、创建、索引、遍历、新增元素及案例应用。此外，还深入探讨了函数，涵盖函数概念、使用、封装、参数、返回值及其注意事项。

摘要由CSDN通过智能技术生成

一、数组

1、数组的概念

2、创建数组

3、数组的索引

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // 1、数组（Array）：就是一组数据的集合
        // 2、利用new创建数组
        var arr = new Array();   //创建了一个空的数组
        // 3、利用数组字面量创建数组
        var arr = [];     //创建了一个空的数组
        var arr1 = [1, 2, 'TFBOYS' ,true];
        // 4、数组里面的数据一定用逗号隔开
        // 5、数组里面的数据  比如1，2 我们称为数组元素
        // 6、获取数组元素   格式  数组名[索引]   索引号从零开始
        console.log(arr1);
        console.log(arr1[2]);   //TFBOYS

        var arr2 = ['TFBOYS', '王俊凯', '王源', '易烊千玺', '四叶草', '小螃蟹', '小汤圆', '千纸鹤'];
        console.log(arr2[3]);
        console.log(arr2[0]);
        console.log(arr2[4]);
        console.log(arr2[2]);
        console.log(arr2[7]);
        console.log(arr2[5]);
    </script>
</head>
<body>
    
</body>
</html>

数组练习：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        var arr = ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期日',];
        console.log(arr[6]);
    </script>
</head>
<body>
    
</body>
</html>

4、遍历数组

数组的索引：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // 遍历数组： 九十八数组的元素从头到尾访问一遍
        var arr = ['王俊凯', '王源', '易烊千玺'];
        for(var i = 0; i < 3; i++){
            console.log(arr[i]);
        }
        // 1、因为数组索引号从0 开始 ，所以 i 必须从0开始 i< 3
        // 2、输出的时候 arr[i]  i计数器当索引号来用
    </script>
</head>
<body>
    
</body>
</html>

练习1：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // 请将「“关羽”，“张飞”，“马超”，“赵云”，“黄忠”，"刘备”，“姜维”;数组里的元素依次打印到控制台。
        var arr1 = ['关羽', '张飞', '马超', '赵云', '黄忠', '刘备', '姜维'];
        for(var i =0; i < 7; i++){
            console.log(arr1[i]);
        }
    </script>
</head>
<body>
    
</body>
</html>

数组的长度：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // 请将「“关羽”，“张飞”，“马超”，“赵云”，“黄忠”，"刘备”，“姜维”;数组里的元素依次打印到控制台。
        var arr1 = ['关羽', '张飞', '马超', '赵云', '黄忠', '刘备', '姜维'];
        for(var i =0; i < 7; i++){
            console.log(arr1[i]);
        }
        console.log(arr1.length);

        // 数组长度： 数组名.length
        var arr2 = ['关羽', '张飞', '马超', '赵云', '黄忠', '刘备', '姜维'];
        for(var i =0; i < arr2.length; i++){
            console.log(arr1[i]);
        }

        // 1、数组的长度是元素个数 不要跟索引号混淆、
        // 2、arr.length 动态监测数组元素的个数
    </script>
</head>
<body>
    
</body>
</html>

最低0.47元/天解锁文章

添福宝615

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Javascript 数组和函数

一、数组1、数组的概念2、创建数组3、数组的索引<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="widt...
复制链接

扫一扫