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)