JavaScript的对象介绍和常用内置对象介绍

网友投稿 227 2022-10-01

JavaScript的对象介绍和常用内置对象介绍

JavaScript是面向对象的编程。对象是JavaScript的重要组成元素。 对象由属性和方法组成。 JavaScript包含四种对象: 1.内置对象(11种) 1.1 基本类型包装类型 Boolean, Number, String 1.2 数组对象 : Array 1.3 工具对象:Math , Date 1.4 正则对象:RegExp 1.5 其他对象:Function ,Error,Global,Object 2.自定义对象 3.浏览器对象 4.ActiveX对象。 五、常用内置对象介绍:     1. Boolean,Number不建议直接使用。 2. String:字符串类型   1.常见函数和属性 length 属性,获取字符串的字符数量 charAt(i) 返回给定位置的字符 charCodeAt() 返回给定位置的字符的字符编码 var s = "helloworld"; s.charAt(1);   //e s.charCodeAt(1); //101 concat() 将一个或多个字符串拼接起来,返回拼接得到的新字符串,但是大多使用"+"拼接 slice() (开始位置,返回字符后一个字符位置) substr() (开始位置,返回字符个数) //从下标为3的位置开始,截取4个字符,包括下标为3的位置的字符 document.write(s.substr(3,4)+"
"); substring() (开始位置,返回字符后一个字符位置) //从下标为6的位置开始截取,截取到下标为8的位置,但是不包括下标为8的字符[6,8) document.write(s.substring(6,8)+"
"); var s = "helloworld"; s.slice(3,7); //lowo s.substr(3,7); //loworld s.substring(3,7);//lowo s //helloworld 不改变原值大小 indexOf(查找字符,startposition); 从前往后查找指定字符所在位置 "abcababacabc".indexOf("a",2) lastIndexOf(要查找字符,开始位置); 从后往前查找字符串所在位置,可以有第二个参数,代表从字符串中哪个位置开始查找。 trim(); 删除前置以及后置中的所有空格,返回结果 var s = " hello world "; console.log("|"+s.trim()+"|"); //|hello world| toLowerCase() :转换为小写 toUpperCase() :转换为大写 match() : 查找字符串,返回匹配字符串的数组,如果没有匹配则返回null "JavaScript".match("Script") ----> 返回Script。 search() : 查找字符串,返回匹配字符串的首字符位置索引 "JavaScript".search("Script") ----> 返回4. replace() : 替换字符串。 "JavaScript".replace("cri","heihei") ----> JavaSheiheipt    2.Array ECMAScript数组和其他语言中的数组都是有序列表,但是有以下特性: a.每一项都可以保存任何类型的数据。 b.数组的大小是可以动态调整。 c.数组的length属性:可读可写,可以通过设置length的值从数组的末尾移除项或向数组中添加新项 1) 创建方法   1. 使用Array构造函数  var arr = new Array();  var arr = new Array(20);  // 预先指定数组的大小  var arr = new Array("terry","larry","boss"); //传入参数  注意:new 关键字也可以省略,但是尽量不要省略   2. 使用数组字面量  由一对包含数组项的方括号表示,多个数组项之间用逗号分隔  var arr = ["terry","larry","boss"];  var arr = [] //空数组 2) 访问数组元素   数组变量名[索引] 1.如果索引小于数组的长度,返回对应项的值 var arr = ["terry","larry","boss"]; arr[0] ; //访问数组中第一个元素,返回值为terry 2.如果索引大于数组的长度,数组自动增加到该索引值加1的长度 var arr = ["terry","larry","boss"]; arr[3] ="jacky"; //添加元素,数组程度变为4 数组最多可以包含4 294 967 295个项 3) 检查数组 var arr = []; typeOf(arr); //返回object Array.isArray(arr); //判断arr是否是数组类型 4) 转换数组为字符串   数组继承Object方法,并且对这些方法进行了重写 toLocalString(); toString(); 在默认情况下都会以逗号分隔字符串的形式返回数组项 例如: var arr = ["terry","larry","boss"]; arr.toString() //terry,larry,boss  valueOf(); 在默认情况下以数组字面量的方式显示(firefox) arr.valueOf(); //["terry","larry","boss"]; join(); 使用指定的字符串用来分隔数组字符串 例如: arr.join("||"); //briup||terry||jacky 5) 栈,队列方法 1.栈  LIFO (Last-In-First-Out) push() 可接受任意类型的参数,将它们逐个添加到数组的末尾,并返回数组的长度 pop() 从数组的末尾移除最后一项,减少数组的length值,返回移除的项 2.队列 FIFO (First-In-First-Out) shift()  移除数组中的第一个项并且返回该项,同时将数组的长度减一。 unshift() 在数组的前端添加任意个项,并返回新数组的长度。 6) 排序   reverse()  反转数组项的顺序   sort()   1.默认排序:该方法会调用每个数组项的toString() 转型方法,然后排序 2.自定义排序: a.该方法可以接受一个比较函数作为参数,比较函数有两个参数 b.如果第一个参数位于第二个参数之前,返回负数 c.如果第一个参数位于第二个参数之后,返回正数 var arr = [11,5,23,7,4,1,9,1]; console.log(arr.sort(compare)); //该比较函数适合于大多数数据类型 function compare(v1,v2){ if(v1>v2){ return -1; }else if( v1日期对象"); var date = new Date(); document.write(date+"
"); //获得当前年份-1900 document.write(date.getYear()+"
"); //获得当前年份 document.write(date.getFullYear()+"
"); //获得当前月份-1 document.write(date.getMonth()+"
"); //获得当前是一个月中的哪一号 document.write(date.getDate()+"
"); //获得星期几 document.write(date.getDay()+"
"); //获得时间中的 时 (24) document.write(date.getHours()+"
"); //获得时间中的 分  document.write(date.getMinutes()+"
"); //获得时间中的 秒  document.write(date.getSeconds()+"
"); //获得时间中的 毫秒  document.write(date.getMilliseconds()+"
");    5.RegExp 正则对象 1. 正则表达式 是一个描述字符模式的对象. 语法: 创建正则表达式对象: var reg = new RegExp(pattern,modifiers); 或者 var reg = /pattern/modifiers;  注: pattern   描述了表达式的模式/规则 modifiers 用于指定全局匹配、区分大小写的匹配和多行匹配 对应修饰符modifiers有三个选项: i 执行对大小写不敏感的匹配。 g 执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。 m 执行多行匹配。 同时在创建正则表达式对象的是也可以不写修饰符 2 pattern内容的分析   括号: [abc] 查找方括号之间的任何字符。 [^abc] 查找任何不在方括号之间的字符。 [0-9] 查找任何从 0 至 9 的数字。 [a-z] 查找任何从小写 a 到小写 z 的字符。 [A-Z] 查找任何从大写 A 到大写 Z 的字符。 [A-z] 查找任何从大写 A 到小写 z 的字符。 (red|blue|green) 查找任何指定的选项。 元字符: . 查找单个字符,除了换行和行结束符。 想表示字符. 可以转义 \w 查找单词字符。字母 数字 _ \W 查找非单词字符。非 字母 数字 _ \d 查找数字。 \D 查找非数字字符。 \s 查找空白字符。 \S 查找非空白字符。 \b 匹配单词边界。 \B 匹配非单词边界。 \0 查找 NUL 字符。 \n 查找换行符。 \f 查找换页符。 \r 查找回车符。 \t 查找制表符。 \v 查找垂直制表符。 量词: 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 的字符串。 3 支持正则表达式的 String 对象的方法 使用字符串对象的相关方法按照正则表达式所描述的规则去搜索、匹配、替换、分割. search 检索与正则表达式相匹配的值。 match 找到一个或多个正则表达式的匹配。 replace 替换与正则表达式匹配的子串。 split 把字符串分割为字符串数组。 4 RegExp 对象方法    使用正则表达式对象(RegExp)的相关方法来对指定字符串进行格式的验证. compile 编译正则表达式。 exec 检索字符串中指定的值。返回找到的值,并确定其位置。 test 检索字符串中指定的值。返回 true 或 false。 5 例子 var v = "aa1a"; //字符串中包含数字就行 var reg = /\d/; console.log(reg.test(v)); var v = "aaa1111aa"; //字符串中连着出现4次(或者更多)数字即可 var reg = /\d{4}/; console.log(reg.test(v)); var v = "1111"; //^表示开头 $表示结尾 //开头和结尾直接必须连续出现4次数字 var reg = /^\d{4}$/; console.log(reg.test(v)); var v = "1aaa2345"; //开头一个非0数字,后面跟任意字符0-n个,最后4个数字结尾 var reg = /^[1-9]{1}.*\d{4}$/; console.log(reg.test(v)); var v = "aaredaa"; //red go yes 三个单词任意匹配 var reg = /(red|go|yes)/; console.log(reg.test(v)); var v = "a1"; //开头是一个字符 结尾是一个数字(一共俩个字符) var reg = /^\w\d$/; console.log(reg.test(v)); var v = "aasd11111"; //开头是字符(1-n个) var reg = /^\w+\d$/; console.log(reg.test(v)); var v = "aasd  )_###11111"; //开头是字符(1-n个)  中间随意匹配 var reg = /^\w+(.*)+\d$/; console.log(reg.test(v)); //email验证 var v = "cuilue@briup.com"; var reg = /^\w+@\w+(\.[A-z]{2,3}){1,2}$/; console.log(reg.test(v));

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:SpringBoot解决BigDecimal传到前端后精度丢失问题
下一篇:图片循环滚动代码-附效果图
相关文章

 发表评论

暂时没有评论,来抢沙发吧~