首页 / ECMASCRIPT / ECMAScript 5
ECMAScript 5
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了ECMAScript 5,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含3606字,纯文字阅读大概需要6分钟。
内容图文
ECMAScript 5 Object Array扩展
<! DOCTYPE html > < html > < head lang ="en" > < meta charset ="UTF-8" > < title >ECMAScript5</title><style> p{ line-height: 40px;border-bottom: 1px solid green;}</style></head><body><p>1 .ES5 strict模式,变量必须有 var</p><script>"use strict"; //testvar = 4;</script><p>2. JSON.parse 字符串转为json</p><script>"use strict"; var str=‘{"name":"hello"}‘; var res=JSON.parse(str); console.log("res.name: "+res.name); </script><p>2.2 JSON.parse reviver</p><script>"use strict"; var str2=‘{"name":"hello","age":"12"}‘; var res2=JSON.parse(str2,function(key,value){ if(typeof value ==‘string‘){ return parseInt(value); }else{ return value; } }); console.log("res2.age: "+res2.age+‘ ,type: ‘+typeof(res2.age)); </script><p>3. JSON.stringfy() 过滤掉 undefined 的值 ,并格式化JSON 缩进</p><script>"use strict"; var nums = { "first": 7, "second": 14, "third": 13 } var luckyNums = JSON.stringify(nums, function(key, value) { if (value ==13) { return undefined; // 如果 undefined 则直接被JSON忽略。 } else { return value; } }, 2); // 数字2是格式化,缩进2个空格,最大缩进10个空格。 console.log("luckyNums: "+luckyNums); </script><p>4.1 Object.defineProperty 对象属性 ,定义 cat 对象的 name 属性 默认值为 miao 且不可以修改</p><script>"use strict"; // 去掉 strict 不报错。 但可以显示错误var cat={}; Object.defineProperty(cat,"name",{ value:‘miao‘, writable:false }) //cat.name=‘hehe‘; // use strict 浏览器会报错 console.log("cat.name: "+cat.name); </script><p>4.2 Object.create()</p><script>"use strict"; function Poker(style, title, value) { this.Style = style; this.Title = title; this.Value = value; } var pokerA = Object.create(new Poker("club", "A", 14)); console.log(Poker.constructor); //function Function() { [native code] } console.log("pokerA.Value: "+pokerA.Value); </script><p>4.3 Object 总结:对对象的属性有了更多控制,比如是否允许被修改,删除等</p><a href="https://msdn.microsoft.com/zh-cn/library/dn656907.aspx">Object细节</a><p>5.1 Array 数组 isArray indexOf</p><script>"use strict"; console.log("Array.isArray(): "+Array.isArray("xxx")); console.log("Array.isArray(): "+Array.isArray([‘a‘,‘b‘])); console.log("Array.indexOf(): "+["Hello", "javaScript", "ECMAScript", "HTML5"].indexOf("javaScript"));//1 console.log("Array.lastIndexOf(): "+["a","Hello", "javaScript"].lastIndexOf("javaScript"));//1</script><p>5.2 array.forEach 处理数组每一个元素</p><script>"use strict"; var arr1 ="Charles,Mark,Bill,Vincent,William,Joseph".split(","); arr1.forEach( function(item, index) { if (index %2==0) { arr1[index] ="name:"+ item; } } ); arr1.forEach( function(item, index) { console.log("array.forEach(): "+item); } ); </script><p>5.3 array.some() 一些 array.every()</p><script>var arr11 ="Charles,Markee,Bile,Vincent,William,Joseph".split(","); console.log("array.some(): "+arr11.some( function(item, index) { return item.length <5; } //数组是否有一些元素的长度小于5 true ) ); //true console.log("array.every(): "+arr11.every( function(item, index) { return item.length <7; } // 所有数组元素长度都小于7 ? false ) )//false</script><p>5.4 array.map()</p><script>var arr1 ="Charles,Mark,Bill,Vincent,William,Joseph".split(","); // split() 字符串转成数组var arr2 = arr1.map( function(item, index) { if (item.indexOf("ll") >-1) { return item; } } ); arr2.forEach( function(item, index) { console.log("item: "+item); } ); </script></body></html>
原文:http://www.cnblogs.com/gyz418/p/6047866.html
内容总结
以上是互联网集市为您收集整理的ECMAScript 5全部内容,希望文章能够帮你解决ECMAScript 5所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。