• 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>

  • 相关阅读:
    Emacs key bindings for vim users | Scarletsky
    Js对于数组去重提高效率一些心得
    http request GET 乱码分析
    ansible使用指北(二)
    Sed 实记 · laoless's Blog
    案例:文件下载器
    吴裕雄--天生自然python学习笔记:Python3 迭代器与生成器
    吴裕雄--天生自然HTML学习笔记:HTML
    吴裕雄--天生自然HTML学习笔记:HTML 速查列表
    吴裕雄--天生自然HTML学习笔记:HTML 统一资源定位器(Uniform Resource Locators)
  • 原文地址:https://www.cnblogs.com/venicid/p/9128094.html
Copyright © 2020-2023  润新知