zoukankan      html  css  js  c++  java
  • javascript学习-常用内置对象

    主要内容:

    常用内置对象有数组,字符串,Date日期对象.math内置对象.

    所谓内置对象就是ECMAScript提供出来的一些对象,我们知道对象都是有相应的属性和方法

    1.数组Array

    数组的创建方式

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

    示例:

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

    2)使用构造函数(后面会讲)的方式创建,使用new关键词对构造函数进行创建对象.

    var colors2 = new Array();

    下面是示例代码:

        <script>
            var lst = [];
            console.log(lst,typeof lst)
            var lst1 = new Array;
            console.log(lst1,typeof lst1)
    
        </script>

    数组的赋值:

    通过下标进行赋值:

    代码如下:

        <script>
        var lst = [];
        lst[0] = 123;
        lst[2] = "leon";
        console.log(lst,typeof lst)
    
        </script>

    数组的常用方法:

    具体使用说明如下:

    1)数组的合并 concat()

    <script>
        var north = ["北京","山东","天津"]
        var south = ["上海","广州","深圳"]
        newcity = north.concat(south)
        console.log(newcity)
        console.log(north)
        console.log(south)
    </script>
        

    这里注意一下是生成新的数组,以前的数组并没有发生变化.

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

    示例:

    <script>
        var lst = ["北京","上海","天津","重庆"]
        var l = lst.join("|")
        console.log(l)
        //北京|上海|天津|重庆
    </script>

    3)将数组转换成字符串toString()

    示例:

    <script>
        var lst = ["北京","上海","天津","重庆"]
        var l = lst.toString()
        console.log(l)
    // 执行结果是    北京,上海,天津,重庆
    </script>

    4)返回数组的一段,左闭右开. slice(start,end)

    <script>
        var lst = ["北京","上海","天津","重庆"]
        var l = lst.slice(1,3)
        console.log(l)
    // 执行结果是   ["上海", "天津"]
    </script>

    5)pop 移除数组的最后一个元素,注意这里返回的是移除的数据..

    示例:

    <script>
        var lst = ["北京","上海","天津","重庆"]
        var l = lst.pop()
        console.log(l)
        console.log(lst)
    // 执行结果是   重庆
    //["北京", "上海", "天津"]
    </script>

    6) push() 向数组最后添加一个元素,这个返回的是增加后列表的长度,

    示例如下:

    <script>
        var lst = ["北京","上海","天津","重庆"]
        var l = lst.push("杭州")
        console.log(l)
        console.log(lst)
    // 执行结果是   5
    //["北京", "上海", "天津", "重庆", "杭州"]
    </script>

    7)reverse()翻转数组,注意翻转的是原数组.

    <script>
        var lst = ["北京","上海","天津","重庆"]
        lst.reverse()
        // console.log(l)
        console.log(lst)
    // 执行结果是   5
    //["重庆", "天津", "上海", "北京"]
    </script>

    8)sort对数组排序

    <script>
        var lst =  ['alex','xiaoma','tanhuang','abngel'];
        lst.sort()
        // console.log(l)
        console.log(lst)
    // 执行结果是   ["abngel", "alex", "tanhuang", "xiaoma"]
    //以字母排序
    </script>

    9)判断是否是数组 is Array()

    语法:

    布尔类型值 = Array.isArray(被检测的值) ;

    示例:

    <script>
        var lst =  ['alex','xiaoma','tanhuang','abngel'];
        lst.sort()
        // console.log(l)
        console.log(Array.isArray(lst))
    // 执行结果是  true
    //
    </script>

    4.字符串Stringv

    字符串方法

     1)chartAt()返回指定索引的位置的字符

    示例:

    <script>
        var str ="leon"
        var charset = str.charAt(3)
        console.log(charset)
        //执行结果是 n 
    </script>

    2)concat 返回字符串值,表示两个或多个字符串的拼接.

    <script>
        var str ="leon"
        var str2 = "ben"
        var str1 = str2.concat(str,str)
        console.log(str1)
        //执行结果是 benleonleon
    </script>

    3)  replace(a,b) 将字符串a替换成字符串b

    注意这里是生成新的字符串.

    示例:

    <script>
        var a = "1234567"
        var b = a.replace("2","b")
        console.log(b)
        //结果如下:1b34567
    </script>

    4)indexof() 查找字符的下标,如果找到返回字符串的下标,找不到则返回-1 。跟seach()方法用法一样

    示例:

    <script>
        var a = "1234567"
        var b = a.indexOf(1)
        console.log(b)
        //结果如下:0
    </script>

    5)slice(start,end)左闭右开,分割字符串

    <script>
        var a = "1234567"
        var b = a.slice(1,4)
        console.log(b)
        //结果如下:234
    </script>

    6)split('a',1) 以字符串a分割字符串,并返回新的数组。如果第二个参数没写,表示返回整个数组,如果定义了个数,则返回数组的最大长度

    <script>
        var a = '我的天呢,a是嘛,你在说什么呢?a哈哈哈';
        var b = a.split(",",1)
        console.log(b)
        //结果如下:不加1的话,返回全部列表,如果加1的话,返回列表第一个元素.
    </script>

    7)7 substr(statr,end) 左闭右开

    var  str =  '我的天呢,a是嘛,你在说什么呢?a哈哈哈';
    console.log(str.substr(0,4));//我的天呢

    8) toLowerCase()转小写

    var str = 'XIAOMAGE';
    console.log(str.toLowerCase());//xiaomage

    9)toUpperCase()转大写

    var str = 'xiaomage';
    console.log(str.toUpperCase());
    特别:
    
    //1.将number类型转换成字符串类型
    var num = 132.32522;
    var numStr = num.toString()
    console.log(typeof numStr)
    //四舍五入
    var newNum = num.toFixed(2)
    console.log(newNum)

    5.Date日期对象

    创建日期对象只有构造函数一种方式,使用new关键字

    //创建了一个date对象
    var myDate = new Date();

    复制代码
    //创建日期对象
    var myDate=new Date();
            
    //获取一个月中的某一天
    console.log(myDate.getDate());
    
    //返回本地时间
    console.log(myDate().toLocalString());//2018/5/27 下午10:36:23
    复制代码

    6.Math 内置对象

    常用内置对象

     6.1 Math.ceil() 向上取整,'天花板函数'

    var x = 1.234;
    //天花板函数  表示大于等于 x,并且与它最接近的整数是2
    var a = Math.ceil(x);
    console.log(a);//2

    6.2 Math.floor 向下取整,'地板函数'

    var x = 1.234;
    // 小于等于 x,并且与它最接近的整数 1
    var b = Math.floor(x);
    console.log(b);//1

    6.3 求两个数的最大值和最小值

    //求 两个数的最大值 最小值
    console.log(Math.max(2,5));//5
    console.log(Math.min(2,5));//2

    6.4 随机数 Math.random()

    var ran = Math.random();
    console.log(ran);[0,1)

    如果让你取100-200之间的随机数,怎么做?

    背过公式:min - max之间的随机数: min+Math.random()*(max-min)

  • 相关阅读:
    dede list调用 内容模型 附件
    dedecms list标签调用附加表字段--绝对成功
    织梦系统站点首页、列表、文章页等页面点击数调用方法
    apache include 文件包含引用的方法 报错 [an error occurred while processing this directive]
    windows 2008 中IIS7.0以上如何设置404错误页面
    织梦Fatal error: Call to a member function GetInnerText()
    dedecms清空栏目后,新建ID不从1开始的解决方法
    js禁止
    AngularJs表单验证
    submile 安装,汉化,插件
  • 原文地址:https://www.cnblogs.com/ahliucong/p/9481976.html
Copyright © 2011-2022 走看看