javascript基础复习之常用对象

傷城~ 2022-09-26 02:24 203阅读 0赞

## Number对象 ##

Number是数字对象

## Number常用方法 ##

toFixed(num)：转换为字符串，并保留小数点后一定位数  
如果必要，该数字会被舍入，也可以用0补足。

var data = 23.56789;  
alert(data.toFixed(2)); //返回 23.57

data = 23.5;  
alert(data.toFixed(2)); //23.50;

将数字转换成字符串，并且可以保留小数后一定位数。

## 常用内置对象二 ##

## Array对象 ##

var a1 = new Array();  
var a2 = new Array(7);  
var a3 = new Array(100,”a”,true);  
var a4 = \[100,200,300\];  
获取数组元素的个数：length属性  
数组长度是可变的  
访问数组元素  
a1\[0\] =1; //a1长度由0变成1  
console.log(a3\[1\]);

![这里写图片描述][20160917211206967]

用push 增加

![这里写图片描述][20160917211228999]

## 创建二维数组 ##

数组里的元素是二维数组

![这里写图片描述][20160917211259414]

## 数组倒转与排序 ##

**x.reverse()**  
反向数组  
改变数组 x 中数值的顺序  
var arr1 = \[32,12,11,444\];  
arr1.reverse();  
console.log(arr1.toString());

![这里写图片描述][20160917211332874]

## 排序是sort() ##

![这里写图片描述][20160917211404343]

如果如下图的这种会出现不对，是按字符的去排了。

![这里写图片描述][20160917211433369]

其实sort()内部 用的迭代，在里面调用的compare()（传入两个数） 冒泡排序然后用这个比较是否互换位置。;  
compare(j,i) \{  
return j-i;  
\} //做的是相减~

r<0, 互换顺序。`(j<i)`  
r>=0, 顺序不变。(j>=i)

排序规则：将小的数排在前面。（是预置的规则，但是可以改变比较方法也就是改变compare）

改变compare return i-j; 就会让其以大到小排序了。

![这里写图片描述][20160917211503245]

就是说自己写个compare函数，然后一样的参数 j,i 但是返回 return 换成 i-j; 然后在数组调用sort函数时，并不会改变，要在sort函数中传参，传自己写的函数就是compare，就像覆盖了一样但是要把函数传入才可以改变。

## Math对象的常用方法 ##

**三角函数**  
Math.sin(x) Math.cos(x) Math.tan(x)  
**计算函数**  
Math.aqrt(x) Math.log(x) Math.exp(x)  
**数值比较函数**  
Math.abs(x) Math.max(x,y,…) Math.random() Math.round(x) 等

![这里写图片描述][20160917211540781]

## Date对象 ##

Date对象用于处理时间和日期，封装了系统时间毫秒数  
创建Date对象  
//Date 对象会自动把当前日期和时间保存为其初始值

var now new Date()

//或者

var now2 = new Date(2013/3/20/11:12);

![这里写图片描述][20160917211615825]

a.getDate() 返回有多少天

a.getDay() 返回今天是这周的第几天

a.getFullYear() 返回年

a.get等等 去返回~~~~

一样 get 是读 set 是设置写时间

**转换为字符串**  
toString()  
toLocaleTimeString()  
toLocaleDateString()

## 常用内置三 ##

## RegExp 对象表示正则表达式 ##

**创建RegExp对象**  
var rgExp = /pattern/flags;  
var rgExp = new RegExp(“pattern,\[flags\] ”);  
flags标识有以下几个：  
g: 设定当前匹配为全局模式  
i: 忽略匹配中的大小写检测

**两种方式**  
`var reg1 = /^\d{3,6}$/;` 正则前后写了 /  
`var reg = new RegExp(“ ^\d{3,6}$/ ”);` 和 正常的一样。

## RegExp对象的常用方法 ##

如果字符串string中含有与RegExpObject 匹配的文本，则返回true，否则返回false；

reg.exec(str) 检索字符串中指定的值，返回找到的值  
reg.test(str) 检索字符串中指定的值，返回true或false;

var name =”aaaa”;
    var reg = new RegExp(“^[a-zA-Z0-9]{
       3,6}$”)
    var isRight = reg.test(name);
    if( !isRight ){
    alert(“录入错误！”);
    }

![这里写图片描述][20160917211649735]

声明正则，然后用exec来返回那个值  
![这里写图片描述][20160917211715608]

test则返回是否存在~~还有那个 ^ 是表示开头，第二个就是说以数字开头。所以没有匹配成功。

![这里写图片描述][20160917211746452]

一般用test来验证用户提交的格式要求。

判断一个字符串有没有某个子串，然后替换，或者对子串进行操作

## String对象与正则表达式 ##

**方法**  
x.replace(regexp,tostr)  
x.match(regexp)  
x.search(regexp)  
**使用说明**  
regexp 代表正则表达式或者字符串  
replace 返回替换后的结果  
match 返回匹配字符串的数组  
search 返回匹配字符串的首字符位置索引

正则对象和String互相操作。

## math方法 ##

var s = “javascript 666 java”；

var r = /java/g;  
//定义正则表达式，加了g后就是全局模式，也就是说默认不是贪婪模式。  
s.match(r);  
传入正则表达式，然后match匹配，返回匹配的

![这里写图片描述][20160918190819975]

**earch()**

也传入正则表达式，然后返回匹配了几个。

**replace()**

![这里写图片描述][20160918190853429]

用replace来替换，两个参数，一个是正则，一个是替换成什么。

改一个元素的样式。

每个元素都有个classname，  
如  
span.classname =”一个样式 ”;

classname 等价于元素的class；

！！！

## onblur失去焦点事件 ##

，66666原来可以用来检测输入的格式是否合格，然后输入完，文本框失去焦点。然后 οnblur=”函数名” 然后失去焦点就执行~~~

[20160917211206967]: /images/20220717/3c8dbadd77334b83840ba41201cf8b36.png
[20160917211228999]: /images/20220717/71ce0c3ef4c84219b1526d80217bf95a.png
[20160917211259414]: /images/20220717/36114ad44cde4d1880afcd6fbf6ff551.png
[20160917211332874]: /images/20220717/0c7e4070c83a46908c1a60875cfc88db.png
[20160917211404343]: /images/20220717/bfb558ea71e640fba9c54399f62d9d08.png
[20160917211433369]: /images/20220717/de2ecef4ff874d18b6fb07947996f7a0.png
[20160917211503245]: /images/20220717/004d1cc225d74a688d09013fc34cfbfe.png
[20160917211540781]: /images/20220717/89d499ff238e4ca2936aa8b5c22cfa23.png
[20160917211615825]: /images/20220717/b3eea470346547f492464747b88a5e3a.png
[20160917211649735]: /images/20220717/2726d7c0f3b4475b80a9bd5b8465df2c.png
[20160917211715608]: /images/20220717/49edcffd798c42ff9150a3869e543ba4.png
[20160917211746452]: /images/20220717/48fdd8b9666f4f61affeb3c6c3512ef9.png
[20160918190819975]: /images/20220717/2c465fc750274cfea21df1e1d8ced712.png
[20160918190853429]: /images/20220717/ed0d09e89f794602b2ea471cf55a7977.png