web前端：13_js内置对象

weixin_45906368

已于 2023-07-14 10:16:06 修改

阅读量31

点赞数

文章标签： javascript 前端开发语言

于 2023-07-14 10:13:23 首次发布

本文链接：https://blog.csdn.net/weixin_45906368/article/details/131710958

版权

1，js自定义对象

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        // 里面的变量不用加let 
        let ky = {
            name : 'wchu',
            age : 18,
            drink : function(){
                alert("对合数")
            }
        }

        ky.drink()
        console.log(ky.age,ky.name) 

    </script>
</body>
</html>

2，数组Array

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        // 数组  没有负数下标，没有切片，可以被修改
        let teacher = ['昂是','首位','as','ace']
        // 访问
        console.log(teacher[0],teacher[3])
        // 获取数组长度
        console.log(teacher.length)  //4
        // 修改值
        teacher[2] = "扎根"
        console.log(teacher)

        

        // 数组的方法
        // push()  在数组末尾追加数据
        teacher.push('速度迅速')
        teacher.push('速度')
        teacher.push('hjdb')
    
        // unshift()  在数组前面追加数据。可追加多个数据
        teacher.unshift('乙')
        teacher.unshift('洒出')
        teacher.unshift('参数')
        console.log(teacher)
        
        // pop()  删除数组元素最后一个数据
        teacher.pop()

        // 输出数组的第一个数据
        teacher.shift()

        // sort() 排序函数

        // splice() 增删数据。剪切 ，取出数组里的一部分数据来使用
        let human = ['洒出','wwcq','wqce','ntbytrjuyr','rbtw','dqf','fqgah']
        let human2 = human.splice(3,3)  //从下标3的位置开始取，取3个数据
        console.log(human,human2)

        // toString()  把数组转换为字符串
        let num = [1,3,5344,97,24,21,45]
        let num_str = num.toString()
        console.log(num_str,typeof num_str)

        // reverse()  把数组反转
        console.log(num.reverse())

    </script>
    
</body>
</html>

3,字符串String

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        // 创建字符串对象
        let str1 = new String("服用wedf哥")
        console.log(str1.length)

        // toUpperCase() 把字符换里的字母都转为大写
        let str2 = "Hello Word"
        console.log(str2.toUpperCase())
        // toLowerCase(x) 把字符换里的字母都转为小写
        console.log(str2.toLowerCase())
        // charCodeAt  获取字符对应的编码
        console.log(str2.charCodeAt(0))
        // substring(x,y)  截取字符串（切片，取头不取尾）
        let str3 = "各方hi哦文化v韩国dfgbfhfjgkl;"
        console.log(str3.substring(3,8))  //前闭后开

        // split(x)  通过指定的字符 。把字符串分割为数组字符串  x为分割字符
        let str4 = "是个五五粗暴其从北京粗更加符合1"
        console.log(str4.split('五'))

        // indexOf(x,y)  获取元素下标
        console.log(str4.indexOf('粗'))  //不写起点默认是从0开始
        console.log(str4.indexOf('粗',7))  //起点从下标7开始找

    </script>
</body>
</html>

4,数学对象

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        document.write(Math.PI + '<br>')
        // random :生成0-1之间的随机数
        let num =Math.random()*10
        // let num =parseInt(Math.random()*10) 
        document.write(num)
        // ceil :数据向上取整，不管小数。整数+1
        console.log(Math.ceil(num))
        // floor : 数据向下取整，不管小数。 保留整数
        console.log(Math.floor(num))
        // round :四舍五入求整数
        console.log(Math.round(num))
        // max : 获取最大值  max里不能直接放数组。 要放数组话，需要数组前面加...作为拆分
        console.log(Math.max(12,355,7))
        // console.log(Math.max([12,355,7]))
        console.log(Math.max(...[12,355,7]))

        // min : 获取最小值
        console.log(Math.min(24,547,7))
    </script>
</body>
</html>

4，日期对象

<!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>
        // 获取当前时间
        console.log(Date())

        // 创建日期对象
        let now_time = new Date()
        let birthday = new Date('1995-6-9  12:23:13')  //创建一个指定日期时间

        // getTime()   获取格林威治时间搓，1970.1.1距离现在多少秒
        console.log(now_time.getTime())

        // getFullYear()   获取当年年份
        console.log(now_time.getFullYear())

        // getMonth()   获取当年月份，从0开始算，要+1
        console.log(now_time.getMonth())

        // getDate()   获取日
        console.log(now_time.getDate())

        // 获取小时
        console.log(now_time.getHours())
        // 获取分钟
        console.log(now_time.getMinutes())
        // 获取秒
        console.log(now_time.getSeconds())

    </script>
</body>
</html>

5，作业

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
// 1.求该数组里的的平均值   	let scores = [70,66,13,77,99]
        let list1 = [70,66,13,77,99]
        let sum = 0,avg = 0
        for(let i=0;i<list1.length;i++){
            sum += list1[i]
            }
        avg = sum/list1.length
        document.write(avg)

// 2.统计一段英文段落里a,b的个数(自己敲/找一篇小文章)
            let wz = 'acgdhavbjabkjhv'
            let count_a = 0
            let count_b = 0
            for(let i=0;i<wz.length;i++){
                if(wz[i]== 'a'){
                    count_a++
                }else if(wz[i]=='b'){
                    count_b++
                }   
            }
            document.write(count_a,count_b)


/* 3.有一数组,里面值为[77,15,99,70,520,16,22,99,108] 求出里面最大值与对应下标 */
                let arr = [77,15,99,70,520,16,22,99,108]
                // console.log(Math.max(...arr))
                max_value = Math.max(...arr)
                for(let i=0;i<arr.length;i++){
                    if(arr[i]==max_value){
                        console.log(i)
                    }
                }
                // let max_value = inexOf（520
    </script>
    
</body>
</html>