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>

 

 

posted @ 2018-06-03 10:02  venicid  阅读(267)  评论(0编辑  收藏  举报