【知了堂学习笔记】_JavaScript基础知识之内置对象（三）

最新推荐文章于 2024-11-14 10:56:19 发布

TANGLHUI

最新推荐文章于 2024-11-14 10:56:19 发布

阅读量271

点赞数

分类专栏： javascript 文章标签： javascript 内置对象

本文链接：https://blog.csdn.net/TANGLHUI/article/details/78757358

版权

javascript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

请关注“知了堂学习社区”，地址：http://www.zhiliaotang.com/portal.php

1.array对象

提供了一个数组的模型，存储大量的有序数据

常用函数：

concat() 连接连个或更多的数组，并返回结果
join（）把数组的所有元素放入一个字符串，元素通过指定的分隔符进行分隔
pop（）删除并返回数组的最后一个元素
push（）向数组的末尾添加一个或更多元素，并返回新的长度
reverse（）颠倒数组汇总元素的顺序
shift（）删除并返回数组的第一个元素
slice（）从某个已有的数组返回选定的元素
sort（）对数组的元素进行排序
splice（）删除元素，并向数组添加新元素
toSource（）返回改对象的源代码
toString（）把数组转为字符串，并返回结果
toLocaleString（）把数组转为本地数组，并返回结果
unshift（）向数组的开头添加一个或更多的元素，并返回新的长度
valueof（）返回数组对象的原始值

示例：

<script>
            var array01 = new Array();//初始化数组没有包含元素
            var array02 = new Array(10);//给定长度
            var array03 = new Array(1,2,3,4,5);
            //foreach
            for(var index in array03){
                console.log("array03="+array03[index]);
            }
            //join
            var str = array03.join("");
            console.log("array03="+str);
            //push
            array03.push(6,7,8,9);
            //ToString
            var str2 = array03.toString();
            console.log("str2="+str2);
            //pop
            var ElemetArr = array03.pop();
            console.log("ElemetArr="+ElemetArr);
            console.log("array03="+array03.toString());

        </script>

2.Math对象

 - 处理所有的数学运算
 - 没有构造函数，可以直接通过Math对象就可以调用的方法和对象

常用函数：

abs（x) 返回数的绝对值
acos（x） 返回数的反余弦值
asin（x）返回数的反正弦值
atan（x）以结余-PI/2与PI/2弧度之间的数值来返回x的反正切值
atan2（y，x） 返回从轴到点（x，y）的角度（结余-PI/2与PI/2弧度之间）
ceil（x） 对数进行上舍入
cos（x） 返回数的余弦
exp（x）返回e的指数
floor（x）对数进行下舍入
log（x）返回数的自然对数（底为e
max（x，y）返回x和y中的最高值
min（x，y） 返回x和y的最小值
pow（x，y）返回x的y次幂
random（） 返回0~1之间的随机数
round（x）把数四舍五入为最接近的整数
sin（x） 返回数的正弦
sqrt（x） 返回数的平方根
tan（x）返回角的正切
toSource（）返回该对象的源代码
valueOf（）返回Math对象的原始值

示例：

<script>
            //random number
            var randomnum = Math.random();
            console.log("randomnum="+randomnum);
            //random color
            var c ="0123456789abcdef" ;
            var random = Math.random()*16;//生成0~16的数
            console.log("random="+random);
            //去掉小数操作 Math.floor ceil
            randomnum= Math.floor(randomnum);
            random = Math.ceil(random);
            console.log(randomnum);
            console.log(random);
            //获取随机颜色
            c ="0123456789abcdef" ;
            var color ="";
            while(color.length<6){
                color +=c[Math.floor(Math.random()*16)];
            }
            color = "#"+color;
            console.log("color="+color);
        </script>

3.String对象

处理所有的字符操作

常用函数：

anchor()    创建 HTML 锚。
big()   用大号字体显示字符串。
blink() 显示闪动字符串。
bold()  使用粗体显示字符串。
charAt()    返回在指定位置的字符。
charCodeAt()    返回在指定的位置的字符的 Unicode 编码。
concat()    连接字符串。
fixed() 以打字机文本显示字符串。
fontcolor() 使用指定的颜色来显示字符串。
fontsize()  使用指定的尺寸来显示字符串。
fromCharCode()  从字符编码创建一个字符串。
indexOf()   检索字符串。
italics()   使用斜体显示字符串。
lastIndexOf()   从后向前搜索字符串。
link()  将字符串显示为链接。
localeCompare() 用本地特定的顺序来比较两个字符串。
match() 找到一个或多个正则表达式的匹配。
replace()   替换与正则表达式匹配的子串。
search()    检索与正则表达式相匹配的值。
slice() 提取字符串的片断，并在新的字符串中返回被提取的部分。
small() 使用小字号来显示字符串。
split() 把字符串分割为字符串数组。
strike()    使用删除线来显示字符串。
sub()   把字符串显示为下标。
substr()    从起始索引号提取字符串中指定数目的字符。
substring() 提取字符串中两个指定的索引号之间的字符。
sup()   把字符串显示为上标。
toLocaleLowerCase() 把字符串转换为小写。
toLocaleUpperCase() 把字符串转换为大写。
toLowerCase()   把字符串转换为小写。
toUpperCase()   把字符串转换为大写。
toSource()  代表对象的源代码。
toString()  返回字符串。
valueOf()   返回某个字符串对象的原始值。

示例：

<script>
            var a = "HelloWorld";

            //字符串长度计算方式length
            var aLength = a.length;
            console.log("aLength="+aLength);
            //求字符串的指定字符
            //按照索引从0开始计算 charAt
            var c = a.charAt(9);
            console.log("a.charAt="+c);
            //求字符串中某个字符的索引是多少indexof
            var w =a.indexOf('W');
            console.log("a.indexOf="+w);
            //求字符串中子串subString
            var asub = a.substring(1,4);
            console.log("a.subString="+asub);
            //替换字符串中的某个字符repalce
            var are = a.replace("World","hello");
            console.log("a.replace="+are);
            //讲字符串分隔成字符串数组 split
            var aspl = a.split("");
            for(var index in aspl){

                console.log(aspl[index]);
            }
        </script>

4.Date对象

处理日期和时间的存储，转化和表达

常用函数：

Date()  返回当日的日期和时间。
getDate()   从 Date 对象返回一个月中的某一天 (1 ~ 31)。
getDay()    从 Date 对象返回一周中的某一天 (0 ~ 6)。
getMonth()  从 Date 对象返回月份 (0 ~ 11)。
getFullYear()   从 Date 对象以四位数字返回年份。
getYear()   请使用 getFullYear() 方法代替。
getHours()  返回 Date 对象的小时 (0 ~ 23)。
getMinutes()    返回 Date 对象的分钟 (0 ~ 59)。
getSeconds()    返回 Date 对象的秒数 (0 ~ 59)。
getMilliseconds()   返回 Date 对象的毫秒(0 ~ 999)。
getTime()   返回 1970 年 1 月 1 日至今的毫秒数。

示例：

<script>
            var myDate = new Date();
            console.log("mydate="+myDate);

            //获取年份
            var year = myDate.getFullYear();
            //获取月份
            var moth = myDate.getMonth();
            //当月第几天
            var day = myDate.getDate();
            //当前是多少小时
            var hour = myDate.getHours();
            //获取分钟数
            var min = myDate.getMinutes();

            //获取秒数
            var sec = myDate.getSeconds();

            console.log(year+"年"+moth+"月"+day+"日"+hour+"时"+min+"分"+sec+"秒");
        </script>

5.Event对象

提供JS时间的各种处理信息

6.RegExp对象

正则表达式，对字符串执行模式匹配的强大工具

修饰符：

i   执行对大小写不敏感的匹配。
g   执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。
m   执行多行匹配。

方括号

[abc]   查找方括号之间的任何字符。
[^abc]  查找任何不在方括号之间的字符。
[0-9]   查找任何从 0 至 9 的数字。
[a-z]   查找任何从小写 a 到小写 z 的字符。
[A-Z]   查找任何从大写 A 到大写 Z 的字符。
[A-z]   查找任何从大写 A 到小写 z 的字符。
[adgk]  查找给定集合内的任何字符。
[^adgk] 查找给定集合外的任何字符。
(red|blue|green)    查找任何指定的选项。

元字符

.   查找单个字符，除了换行和行结束符。
\w  查找单词字符。
\W  查找非单词字符。
\d  查找数字。
\D  查找非数字字符。
\s  查找空白字符。
\S  查找非空白字符。
\b  匹配单词边界。
\B  匹配非单词边界。
\0  查找 NUL 字符。
\n  查找换行符。
\f  查找换页符。
\r  查找回车符。
\t  查找制表符。
\v  查找垂直制表符。
\xxx    查找以八进制数 xxx 规定的字符。
\xdd    查找以十六进制数 dd 规定的字符。
\uxxxx  查找以十六进制数 xxxx 规定的 Unicode 字符。

量词

n+  匹配任何包含至少一个 n 的字符串。
n*  匹配任何包含零个或多个 n 的字符串。
n?  匹配任何包含零个或一个 n 的字符串。
n{X}    匹配包含 X 个 n 的序列的字符串。
n{X,Y}  匹配包含 X 至 Y 个 n 的序列的字符串。
n{X,}   匹配包含至少 X 个 n 的序列的字符串。
n$ 匹配任何结尾为 n 的字符串。
^n  匹配任何开头为 n 的字符串。
?=n 匹配任何其后紧接指定字符串 n 的字符串。
?!n 匹配任何其后没有紧接指定字符串 n 的字符串。

RegExp对象属性

global  RegExp 对象是否具有标志 g。  
ignoreCase  RegExp 对象是否具有标志 i
lastIndex   一个整数，标示开始下一次匹配的字符位置。    
multiline   RegExp 对象是否具有标志 m
source  正则表达式的源文本。

RegExp对象方法

compile 编译正则表达式。    
exec    检索字符串中指定的值。返回找到的值，并确定其位置
test    检索字符串中指定的值。返回 true 或 false。

支持正则表达式的String对象的方法

search  检索与正则表达式相匹配的值。
match   找到一个或多个正则表达式的匹配。
replace 替换与正则表达式匹配的子串。
split   把字符串分割为字符串数组。

示例：

<script>
            //判断是否是数字
            var str="12345678";
            var pattern = /\D/;
            console.log("判断是否是数字："+pattern.test(str));
            //判断是否带有小数
            str = "12.78";
            pattern = /^\d+\.\d+$/;
            console.log("判断是否带有小数："+pattern.test(str));
            //判断26个英文字母
            str = "zhiliaotang";
            pattern = /^[a-zA-z]+$/;
            console.log("判断26个英文字母："+pattern.test(str));
            //中文 英文 数字包括下划线
            str = "zhiliaotang_javascript";
            pattern = /^[\u4E00-\u9FA5A-Za-z0-9_]+$/;
            console.log("中文 英文 数字包括下划线："+pattern.test(str));

            //search
            str = "ZhiLiaoTang";
            pattern = /i/i
            console.log("搜索字符串中包含字母i："+str.search(pattern));

            //match
            //搜索数字并返回找到的数字
            str="haj123sdadjoadjao879sadhs822913";
            pattern = /\d+/g;
            console.log("搜索数字并返回找到的数字:"+str.match(pattern));
        </script>