B3-JavaScript1.3

最新推荐文章于 2024-08-15 11:09:11 发布

Leona__

最新推荐文章于 2024-08-15 11:09:11 发布

阅读量68

点赞数

文章标签： html html5 js javascript

本文链接：https://blog.csdn.net/Leona__/article/details/119934389

版权

数组

创建数组
语法
1.[num1,num2…]
2.赋值------var 变量名 = [num1,num2,…];
访问数组元素
变量名[角标]
**注意：**角标计数从0开始
例如：num1—变量名[0]
数组的常用属性及方法

属性1-方法3	描述	应用
length（属性）	设置或返回数组中元素的数目	[点击查看代码及样式]
push	向数组末尾添加一个或多个元素，并返回新的长度	[点击查看代码及样式]
join	把数组的所有元素放入一个字符串，并通过一个分隔符进行分割	–
sort	对数组排序	–

*这里是数组属性length的相关应用*

<!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>
    <script>
        var age = [18,19,20];
        document.write("数组age中元素的个数为："+age.length+"个")
    </script>
</body>
</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>
    <script>
        var age = [18,19,20];
        var newAge = age.push(21,22);
        document.write("新数组为：" + age);
        document.write("<br/>");
        document.write("新数组的长度为：" + newAge);
    </script>
</body>
</html>

样式如下：
在这里插入图片描述
[点击返回表格]

循环结构

while（先判断，在执行）
语法
while(循环条件){
循环体；
}

<!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>
    <script>
        var i = 0;
        while(i < 5){
            document.write("欢迎学习JavaScript<br/>");
            i++;
        }
    </script>
</body>
</html>

样式如下：
在这里插入图片描述
do-while（先执行，在判断）
语法
do{
循环体；
}while(循环条件)；

<!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>
    <script>
        var i = 0;
        do{
            document.write("欢迎学习JavaScript<br/>");
            i++;
        }while(i<5);
    </script>
</body>
</html>

样式同while循环
for
语法
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>
    <script>
        for(var i = 0;i < 5;i++){
            document.write("欢迎学习JavaScript<br/>");
        }
    </script>
</body>
</html>

样式同while循环
for-in(多用于对数组或对象的属性进行循环)
语法
for(变量 in 对象/数组){
循环体；
}

<!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>
    <script>
        var age = [18,19,20];
        for(var i in age){
            document.write("数组age的第" + i + "位是" + age[i] + "<br/>");
        }
    </script>
</body>
</html>

样式如下：
在这里插入图片描述

函数

系统函数
1.parseInt
将字符串返回一个整数
语法：parseInt();
通常会与prompt返回的值连用

2.parseFloat
将字符串返回一个浮点数
语法：parseFloat();

parseInt和parseFloat需判断位置0处的字符是否为有效数字，如果不是则会返回NaN。

3.isNaN
判断参数是否为非数值
语法：isNaN();
如果为非数值返回“true”，否则返回“false”
定义函数
1.定义函数
语法
function 函数名（参数//可省略）{
函数块；
return返回值；//可省略
}

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>
    <script>
        function add(num1,num2){
            document.write("参数1为：" + num1 + "<br/>");
            document.write("参数2为：" + num2 + "<br/>");
            return(num1 + num2);
        }
        document.write("1和2的和为：" + add(1,2));
    </script>
</body>
</html>

样式如下：
在这里插入图片描述

今天的分享就是这些啦，欢迎正在学习web的伙伴们“挑毛病”“提意见”，当然了也欢迎各种表扬奥～（比心，比心）

Leona__

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
B3-JavaScript1.3

数组创建数组语法1.[num1,num2…]2.赋值------var 变量名 = [num1,num2,…];访问数组元素变量名[角标]**注意：**角标计数从0开始例如：num1—变量名[0]数组的常用属性及方法属性1-方法3描述应用length（属性）设置或返回数组中元素的数目[点击查看代码及样式]push向数组末尾添加一个或多个元素，并返回新的长度[点击查看代码及样式]join把数组的所有元素放入一个字符串，并通过一个分隔符进行分割
复制链接

扫一扫