JavaScript-数组、对象、分支和循环

最新推荐文章于 2024-05-30 15:07:12 发布

1uuue

最新推荐文章于 2024-05-30 15:07:12 发布

阅读量174

点赞数

分类专栏： JavaScript 文章标签：前端 javascript

本文链接：https://blog.csdn.net/qq_61727355/article/details/126620636

版权

JavaScript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

1.数组类型详解

2.对象类型详解

3.分支和循环详解

1.数组类型详解

Array可以包含任意的数据类型

1）获取字符串的长度：arr.length

注意：假如给 arr.lennth 赋值，数组大小就会发生变化~，如果赋值过小，元素就会丢失

2）indexOf:通过元素获得下标索引

字符串的 “1” 和数字 1 是不同的

3）slice()：截取 Array 的一部分，返回的一个新数组，类似于 String 中 substring（左闭右开）

4）push()，pop()尾部

push：压入到尾部

pop：弹出尾部的一个元素

5）unshift(),shift() 头部

unshift：压入到头部
shift：弹出头部的一个元素

6）sort排序

7）元素反转

8）concat()

注意：concat()并没有修改数组，只是会返回一个新的数组

9）连接符join

打印拼接数组，使用特定的字符串连接

10）多维数组

2.对象类型详解

若干个键值对

var 对象名 = {

属性名:属性值,

属性名:属性值,

属性名:属性值

}

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
<!--        定义了person对象，拥有四个属性-->
        var person={
            name:"biubiu",
            age:3,
            email:"biu@qq.com",
            score:90
        }
    </script>
</head>
<body>

</body>
</html>

js中对象，{…}表示一个对象，键值对描述属性xxx：xxx，多个属性之间用逗号隔开，最后一个属性不加逗号！

JavaScript 中的所有的键都是字符串，值是任意对象！

1）对象赋值

2）使用一个不存在的对象属性，不会报错！undefined

3）动态的删减属性，通过delete删除对象的属性

4）动态的添加属性，直接给新的属性添加值即可

5）判断属性值是否在这个对象中！xxx in xxx

6）判断一个属性是否是这个对象自身拥有的 hasOwnProperty()

3.分支和循环详解

1）if判断

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        var age=3;
        if(age>3){
            alert('haha')
        }else{
            alert('kuwa')
        }
    </script>
</head>
<body>

</body>
</html>

2）while循环，避免程序死循环

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        var age=3;
        while(age<100){
            age=age+1;
            console.log(age)
        }
    </script>
</head>
<body>

</body>
</html>

3）for循环

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        var age=3;
        for (let i = 0; i < 100; i++) {
            console.log(i)
        }
    </script>
</head>
<body>

</body>
</html>

4）forEach循环(ES5.1特性)

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        var age=[12,4,53,2,87,66,43]
        age.forEach(function (value) {
            console.log(value)
        })
    </script>
</head>
<body>

</body>
</html>

5）for …in-------遍历的是下标

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        var age=[12,4,53,2,87,66,43]
        for(var num in age){
            if(age.hasOwnProperty(num)){
                console.log("存在");
                console.log(age[num]);
            }

        }
    </script>
</head>
<body>

</body>
</html>

6）for … of 才是直接遍历元素值

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        var age=[12,4,53,2,87,66,43]
        for(var num of age){
            console.log(num)
        }
    </script>
</head>
<body>

</body>
</html>

1uuue

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript-数组、对象、分支和循环

1.数组类型详解 Array可以包含任意的数据类型 1）获取字符串的长度：arr.length 注意：假如给 arr.lennth 赋值，数组大小就会发生变化~，如果赋值过小，元素就会丢失 2）indexOf:通过元素获得下标索引字符串的 “1” 和数字 1 是不同的 3）slice()：截取 Array 的一部分，返回的一个新数组，类似于 String 中 substring（左闭右开） 4）push()，pop()尾部 push：压入到尾部 pop：弹出尾部的一个元素...
复制链接

扫一扫