javaScipt--------基础入门(二)---->js对象
2017-05-06 16:43
309 查看
1》js中三个对象,String Boolean Number
2>js中String Boolean Number之间的转换
3》js中Array对象
4》js中的Global对象
5>js中的Math对象
6>js中的regExp对象
<body> <script type="text/javascript"> //Boolean 和 Number类型中的方法在开发中几乎不可能用到 //String对象==>学习重点 //属性 //length 长度,这个学过java的应该都知道 var str1 = "abc"; var str2 = new String("abc"); alert(str1.length); alert(str2.length); alert(typeof str1);//string alert(typeof str2);//object //String对象的方法 alert(str1.big()); alert(str1.sub()); alert(str1.bold());//这三个方法基本没用 //介绍几个重要的方法 //indexOf //lastIndexOf //charAt //alert(str1.charAt(0));//a //charCodeAt 返回所在字符的ASC码 //alert(str1.charCodeAt(0));//97 1---98 //subString alert(str1.substring(0,1));//a //slice 支持负数 从右往左 alert(str1.slice(0,-1));//a //3.与正则结合的方法,用法跟java的很像,这几个方法是编程基本不变的。 //split //replace //match //search </script> </body>
2>js中String Boolean Number之间的转换
<body> <script type="text/javascript"> //利用包装类的构造函数进行类型转换 //string ---->boolean var b1 = new Boolean("abc0"); //boolean---->string var str1 = new String(true); //number --->string var str2 = new String(123); //string ---->number var num1 = new Number("123"); //运算符===>typeof 运算符 判断原始数据类型的 //instancof 运算符,是用来判断属于那种对象 alert(num1 instanceof Number);//true alert(num1 instanceof Object);//true alert(num1 instanceof String);//false </script> </body>
3》js中Array对象
<script type="text/javascript"> //1.创建方式 //1>创建方式1 创建一个数组并初始化值 var arr1 = ["abc",2,true,null,undefined,new Object()]; //2>创建方式2 同方式 1 var arr2 = new Array(1,2,3); //3>创建方式3,如果只传一个数字那就是数组的长度 var arr3 = new Array(3); //2.属性 //length ==>数组的长度 /* alert(arr1.length);//6 alert(arr2.length);//3 alert(arr3.length);//3 */ //js中数组的特点 //1.js中的数组,类型任意 //2.数组的长度不是固定的,用到那里,就有多长 /* arr3[8] = 10; alert(arr3.length);//9 alert(arr[6]);//undefined*/ //3.方法 var arr4 =[1,2,3]; //join方法==>将数组中的每个元素链接起来返回一个字符串,参数就是链接符。 //alert(arr4.join(""));//使用该方法就像java中的StringBuilder对象 //join方法的高级应用 /* var str1 ="a"; var str2 = "b"; var str3 = "c"; alert(str1+str2+str3); ["a","b","c"]==>"abc" */ //push/pop ==>模拟栈的结构 //shift/unshift ==>模拟队列的结构 //reverse方法==>将数组中的元素顺序倒置 //alert(arr4.reverse());//3.2.1 //sort方法 ==>排序的方法 //注意:该方法默认排序规则,按照字符串规则排序 //如果需要按照数字排序,需要准备一个比较器 var arr5 =[2,9,3,100,5,7,1]; alert(arr5.sort(abc)); //函数对象==>比较器 function abc(a,b){ if(a>b){ return 1; }else if(a==b){ return 0; }else{ return -1; } return a-b;//跟上面的if是一样的效果。 } </script>
4》js中的Global对象
<script type="text/javascript"> //6个方法==>关于解码,编码的方法 //encodeURI 编码 只编码汉子 //decodeURI 解码 var url = "http://www.baidu.com?name=?张/三:"; var url2 = encodeURI(url); alert(decodeURI(url2));//张三,原因如上 //encodeURIComponent 编码 当提交的值中包含一些url中的敏感符号时,使用该方法对敏感符号编码 //decodeURIComponent //alert(encodeURIComponent(url)); //escap2 已经过时 //unescape 已经过时 //isNaN 判断摸个值是否是NaN ==> NaN==NaN=>false //alert(isNaN(NaN));//true //alert(NaN == NaN);//false //parseInt 转换成整数 //parseFloat 转换成浮点数 var str = "123abc"; //1.使用 + //2.使用 new Number() //3.parseInt //alert(typeof parseInt(str));//number /* alert(+str);//NaN alert(new Number(str));//NaN alert(parseInt(str));//123 */ //区别: 1,2两种转换属于将字符串整体进行转换.如果字符串中包含1个或以上转换不了的字符,返回NaN //3 从左到右 依次转换,能转一个是一个,直到遇到不能转换的值停止. //parseFloat 转换成浮点数 //与上面的parseInt一样,区别是支持转换小数 var str = "3.141544.12131"; alert(parseInt(str));//3 alert(parseFloat(str));//3.141544 </script>
5>js中的Math对象
<script type="text/javascript"> //Math对象 //属性内建对象==>不需要创建实例,直接使用即可 //属性 //PI==>3.14159圆周率 //方法 //random方法--->返回随机的0-1,包含头不包含尾 //alert(Math.random()); //round方法==>四舍五入方法 //返回0~100之间的随机数.0和100都可能出现 //alert(Math.round(Math.random()*100)); //max() min()方法比较大小 alert(Math.max(1,2)); //pow ==>计算参数1的参数2次方 alert(Math.pow(2,3));//8 </script>
6>js中的regExp对象
<script type="text/javascript"> //正则对象 //1.构造方法 //参数1正则字符串,参数2匹配模式 //用户名必须以字母开头,长度在6到10位之间 //匹配模式有两种 //"i":忽略大小写,ignoredCase //"g":全局匹配global var reg1 = new RegExp("^[a-zA-Z][a-zA-Z_0-9]{5,9}$","g"); var reg2 = /^[a-zA-Z][a-zA-Z_0-9]{5,9}$/g; //2.方法 //test方法==>测试字符串与正则是否匹配 var username = "a3456"; alert(reg1.test(username));//false 5-9不包含5,但是包含9 //与string对象结合的4个方法 var str ="hello world"; alert(str.split(/o/g));//自己先才猜猜 alert(str.replace(/o/g,"haha")); alert(str.search(/o/g));//只能找出第一个出现的位置,如果找最后一个用exec方法 alert(str.match(/o/g));//找到字符串中符合正则表达式的部分并返回 </script>
相关文章推荐
- js基础入门,获取元素的方式,三个对象模型
- Js_Dom(1)__Dom基础<对象和document>
- java 从零开始,学习笔记之基础入门<对象_属性>(二)
- JavaScript入门<3>JS外置对象:Window、Document对象与DOM实例详解
- OC基础语法<1.2> 入门面向对象语法-构造方法和description
- OC基础语法<1.1> 入门面向对象语法-OC类、点语法
- JavaScript(6)__Js基础<对象>
- JS基础学习第六天:JavaScript对象入门(构造函数和实例对象)
- OC基础语法<1.3> 入门面向对象语法-self、new、 @property和synthesize
- JavaScript入门<3>JS外置对象:HTML DOM与Window子对象实例详解
- JS应用DOM入门:DOM的对象属性
- MS SQL入门基础:常见的数据库对象
- [js对象]JS入门之Global对象
- [js对象]JS入门之Array对象
- 转"js入门·对象属性方法大总结"
- js入门·对象属性方法大总结
- [js对象]JS入门之Boolean&Object对象
- js入门·对象属性方法大总结
- js入门实例の构造函数/方法的定义和调用/原型对象
- js入门实例の构造函数\方法的定义和调用\原型对象