17-[JavaScript]- 内置对象 Array，String，Date，Math

1、Array数组

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

    </head>

    <body>

    </body>

    <script type="text/javascript">

        //列表  js  数组   容器 装东西

        //创建数组

        //1.字面量方式创建 (推荐大家使用这种方式创建数组 简单粗暴)

        var colors = ['red','color','yellow'];

        console.log(colors)

       //空数组

       var emptyArray = [];

       //2.使用构造函数的方式创建  使用new关键词对构造函数进行创建对象

       var colors2 = new Array();

       var colors3 = new Array('white','red','orange');

       console.log(colors3);

       //数组赋值

       var arr = [];

       arr[0] = 123;

       arr[1] = '哈哈哈';

       arr[2] = '嘿嘿嘿';

       console.log(arr);

       //通过下标取到相应的值

       console.log(arr[2]);

       console.log(arr.length);

       for(var i=0;i<arr.length;i++){

              console.log(arr[i]) ; //数组的遍历

       }

    </script>

</html>

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

    </head>

    <body>

    </body>

    <script type="text/javascript">

        //1.数组的合并  concat()

        var north = ['北京','山东','天津'];

        var south = ['东莞','深圳','上海'];

           var newArr = north.concat(south);

           console.log(newArr)

           //2.将数组转换成字符串

           var score = [98,78,76,100,0];

           //toString() 直接转换为字符串  每个元素之间使用逗号隔开

           var str = score.toString();

           console.log(str)

           //join()方法  将数组中的元素使用指定的字符串连接起来，它会形成一个新的字符串

           var str2 = score.join('|')

           console.log(str2)

           //3.查找下标

           //indexOf() 正向查找

           //如果查找的值不在数组中则返回-1

           var index = score.indexOf(101)

           console.log(index)

           //反向查找 

           var lastIndex = score.lastIndexOf(78);

           console.log(lastIndex)

           //数组的排序

       var names = ['alex','xiaoma','tanhuang','abngel'];

       //4.反转数组

       var reverseNames = names.reverse();

       console.log(reverseNames)

       console.log(names)

       //sort():按照26个字母排序 数组

      var enames  = names.sort();

      console.log(enames)

      console.log(names)

//      if(enames===names){

//          alert(2)

//      }

      //5.移除元素和添加元素

      //移除我们的第一个元素 返回的结果是移除的第一个元素 原来数组中的第一个元素 被移除掉了

      var firstName = names.shift()

      console.log(firstName)

      console.log(enames)

      console.log(names)

      //unshift()向数组的开头添加一个或者多个元素，并返回新的长度

      var newLength = names.unshift('shanshan');

      console.log(newLength)

      console.log(names)

      //push() pop()

      //push()  向数组的末尾添加一个或者多个元素，并返回新的长度

      var newNames = names.push('老村长','嘿嘿嘿')

      console.log(newNames)

      console.log(names)

      var a = names.pop()  //a 是被删除的元素

      console.log(a)

      console.log(names) //pop()删除数组的最后一个元素

      var str = 'hello luffy';

      console.log(str.split('').reverse().join(''))

    </script>

</html>

2、字符串String

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

    </head>

    <body>

    </body>

    <script type="text/javascript">

        //内置对象

        //String 字符串对象

        var str = 'hello alex';

        console.log(str.length)

        //大写

        var bigStr = str.toUpperCase()

        console.log(bigStr)

        //小写

        console.log(bigStr.toLowerCase())

        //第一个参数是以什么样的字符串进行切割 第二个参数是返回的数组的最大长度

        var newArr = str.split(' ',1)

        console.log(newArr)

        //左闭右开 会返回一个新的字符串

        var a  = str.substring(1,3)

        console.log(a)

        //number

        //1.将number类型转换成字符串类型

        var num = 132.32522;

        var numStr = num.toString()

        console.log(typeof numStr)

        //四舍五入

        var newNum = num.toFixed(2)

        console.log(newNum)

    </script>

</html>

3、Date日期对象

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

    </head>

    <body>

    </body>

    <script type="text/javascript">

        //创建日期对象

        var myDate=new Date();

        //获取一个月中的某一天

        console.log(myDate.getDate())

        console.log(Date())

        //

        console.log(myDate.getMonth()+1)

        console.log(myDate.getDay())

    </script>

</html>

4、Math内置对象

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

    </head>

    <body>

    </body>

    <script type="text/javascript">

            var x = 1.234

            //天花板函数  大于等于 x，并且与它最接近的整数 2

            var a = Math.ceil(x)

            console.log(a)

            //地板函数  小于等于 x，并且与它最接近的整数 1

            var b = Math.floor(x)

            console.log(b)

            //求 两个数的最大值 最小值

            console.log(Math.max(2,5))

            console.log(Math.min(2,5))

            //经常使用 random 0-1之间的随机数 包含0 不包含1

            var ran = Math.random()

            console.log(ran)

            //100-200之间的随机数

            var c = 100+Math.random()*100

            console.log(c)

            //min - max之间的随机数  min+Math.random()*(max-min)

            //5-15

             var d = 5 + Math.random()*(15-5)

             console.log(d)

    </script>

</html>

巴特西

17-[JavaScript]- 内置对象 Array，String，Date，Math

1、Array数组

2、字符串String

3、Date日期对象

4、Math内置对象

最新文章

热门文章