Javascript 数组 数字 字符串 时间等使用
1.Javascript 数组API 1. //定义数组 2. var pageIds = new Array(); 3. pageIds.push('A'); 5. 数组长度 6. pageIds.length; 8. //shift:删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined 9. var a = [1,2,3,4,5]; 10.var b = a.shift(); //a:[2,3,4,5] b:1 12.//unshift:将参数添加到原数组开头,并返回数组的长度 13.var a = [1,2,3,4,5]; 14.var b = a.unshift(-2,-1); //a:[-2,-1,1,2,3,4,5] b:7 15.//注:在IE6.0下测试返回值总为undefined,FF2.0下测试返回值为7,所以这个方法的返回值不可靠,需要用返回值时可用splice代替本方法来使用。 17.//pop:删除原数组最后一项,并返回删除元素的值;如果数组为空则返回undefined 18.var a = [1,2,3,4,5]; 19.var b = a.pop(); //a:[1,2,3,4] b:5 21.//push:将参数添加到原数组末尾,并返回数组的长度 22.var a = [1,2,3,4,5]; 23.var b = a.push(6,7); //a:[1,2,3,4,5,6,7] b:7 25.//concat:返回一个新数组,是将参数添加到原数组中构成的 26.var a = [1,2,3,4,5]; 27.var b = a.concat(6,7); //a:[1,2,3,4,5] b:[1,2,3,4,5,6,7] 29.//splice(start,deleteCount,val1,val2,):从start位置开始删除deleteCount项,并从该位置起插入val1,val2, 30.var a = [1,2,3,4,5]; 31.var b = a.splice(2,2,7,8,9); //a:[1,2,7,8,9,5] b:[3,4] 32.var b = a.splice(0,1); //同shift 33.a.splice(0,0,-2,-1); var b = a.length; //同unshift 34.var b = a.splice(a.length-1,1); //同pop 35.a.splice(a.length,0,6,7); var b = a.length; //同push 37.//reverse:将数组反序 38.var a = [1,2,3,4,5]; 39.var b = a.reverse(); //a:[5,4,3,2,1] b:[5,4,3,2,1] 41.//sort(orderfunction):按指定的参数对数组进行排序 42.var a = [1,2,3,4,5]; 43.var b = a.sort(); //a:[1,2,3,4,5] b:[1,2,3,4,5] 45.//slice(start,end):返回从原数组中指定开始下标到结束下标之间的项组成的新数组 46.var a = [1,2,3,4,5]; 47.var b = a.slice(2,5); //a:[1,2,3,4,5] b:[3,4,5] 49.//join(separator):将数组的元素组起一个字符串,以separator为分隔符,省略的话则用默认用逗号为分隔符 50.var a = [1,2,3,4,5]; 51.var b = a.join("|"); //a:[1,2,3,4,5] b:"1|2|3|4|5" 2.Dom最常用的API 1. document方法: 2. getElementById(id) Node 返回指定结点的引用 3. getElementsByTagName(name) NodeList 返回文档中所有匹配的元素的集合 4. createElement(name) Node Node 5. createTextNode(text) Node 创建一个纯文本结点 6. ownerDocument Document 指向这个节点所属的文档 7. documentElement Node 返回html节点 8. document.body Node 返回body节点 10.element方法: 11.getAttribute(attributeName) String 返回指定属性的值 12.setAttribute(attributeName,value) String 给属性赋值 13.removeAttribute(attributeName) String 移除指定属性和它的值 14.getElementsByTagName(name) NodeList 返回结点内所有匹配的元素的集合 16.node方法: 17.appendChild(child) Node 给指定结点添加一个新的子结点 18.removeChild(child) Node 移除指定结点的子结点 19.replaceChild(newChild,oldChild) Node 替换指定结点的子结点 20.insertBefore(newChild,refChild) Node 在同一层级的结点前面插入新结点 21.hasChildNodes() Boolean 如果结点有子结点则返回true 23.node属性: 24.nodeName String 以字符串的格式存放结点的名称 25.nodeType String 以整型数据格式存放结点的类型 26.nodeValue String 以可用的格式存放结点的值 27.parentNode Node 指向结点的父结点的引用 28.childNodes NodeList 指向子结点的引用的集合 29.firstChild Node 指向子结点结合中的第一个子结点的引用 30.lastChild Node 指向子结点结合中的最后一个子结点的引用 31.previousSibling Node 指向前一个兄弟节点;如果这个节点就是兄弟节点,那么该值为null 32.nextSibling Node 指向后一个兄弟节点;如果这个节点就是兄弟节点,那么该值为null 3.常用的数字函数 1. ·数字型(Number) 2. 1.声明 3. var i = 1; 4. var i = new Number(1); 6. 2.字符串与数字间的转换 7. var i = 1; 8. var str = i.toString(); //结果: "1" 9. var str = new String(i); //结果: "1" 10. i = parseInt(str); //结果: 1 11. i = parseFloat(str); //结果: 1 13. //注意: parseInt,parseFloat会把一个类似于"32G"的字符串,强制转换成32 15. 3.判断是否为有效的数字 16. var i = 123; var str = "string"; 17. if( typeof i == "number" ){ } //true 19. //某些方法(如:parseInt,parseFloat)会返回一个特殊的值NaN(Not a Number) 20. //请注意第2点中的[注意],此方法不完全适合判断一个字符串是否是数字型!! 21. i = parseInt(str); 22. if( isNaN(i) ){ } 24. 4.数字型比较 25. //此知识与[字符串比较]相同 27. 5.小数转整数 28. var f = 1.5; 29. var i = Math.round(f); //结果:2 (四舍五入) 30. var i = Math.ceil(f); //结果:2 (返回大于f的最小整数) 31. var i = Math.floor(f); //结果:1 (返回小于f的最大整数) 33. 6.格式化显示数字 34. var i = 3.14159; 36. //格式化为两位小数的浮点数 37. var str = i.toFixed(2); //结果: "3.14" 39. //格式化为五位数字的浮点数(从左到右五位数字,不够补零) 40. var str = i.toPrecision(5); //结果: "3.1416" 42. 7.X进制数字的转换 43. //不是很懂 -.- 44. var i = parseInt("0x1f",16); 45. var i = parseInt(i,10); 46. var i = parseInt("11010011",2); 47. 48. 8.随机数 49. //返回0-1之间的任意小数 50. var rnd = Math.random(); 51. //返回0-n之间的任意整数(不包括n) 52. var rnd = Math.floor(Math.random() * n) 4.网上收藏的javascript堆栈 1. function stack(){ 2. if(this.top==undefined){ 3. //初始化堆栈的顶部指针和数据存放域 4. this.top=0; 5. this.unit=new Array(); 6. } 7. this.push=function(pushvalue){ 8. //定义压入堆栈的方法 9. this.unit[this.top]=pushvalue; 10. this.top+=1; 11. } 12. this.readAllElements=function(){ 13. //定义读取所有数据的方法 14. if(this.top==0){ 15. alert("当前栈空,无法读取数据"); 16. return(""); 17. } 18. var count=0; 19. var outStr=""; 20. 21. for(count=0;count<this.top;count++){ 22. outStr+=this.unit[count]+","; 23. } 24. return(outStr); 25. } 26. this.pop=function(){ 27. //定义弹出堆栈的方法 28. if(this.top==0){ 29. alert("当前栈空,无法弹出数据"); 30. return(""); 31. } 32. var popTo=this.unit[this.top-1]; 33. this.top--; 34. return(popTo); 35. /* 从堆栈弹出数据,顶部指针减一,不过这里没有做到资源的释放,也 36. 就是说数据仍然存在于this.unit的数组中,只不过无法访问罢了。目前 37. 我也没想到好的办法解决。*/ 38. } 39.} 5.最常用的javascript日期函数 1. function stack(){ 2. if(this.top==undefined){ 3. //初始化堆栈的顶部指针和数据存放域 4. this.top=0; 5. this.unit=new Array(); 6. } 7. this.push=function(pushvalue){ 8. //定义压入堆栈的方法 9. this.unit[this.top]=pushvalue; 10. this.top+=1; 11. } 12. this.readAllElements=function(){ 13. //定义读取所有数据的方法 14. if(this.top==0){ 15. alert("当前栈空,无法读取数据"); 16. return(""); 17. } 18. var count=0; 19. var outStr=""; 20. 21. for(count=0;count<this.top;count++){ 22. outStr+=this.unit[count]+","; 23. } 24. return(outStr); 25. } 26. this.pop=function(){ 27. //定义弹出堆栈的方法 28. if(this.top==0){ 29. alert("当前栈空,无法弹出数据"); 30. return(""); 31. } 32. var popTo=this.unit[this.top-1]; 33. this.top--; 34. return(popTo); 35. /* 从堆栈弹出数据,顶部指针减一,不过这里没有做到资源的释放,也 36. 就是说数据仍然存在于this.unit的数组中,只不过无法访问罢了。目前 37. 我也没想到好的办法解决。*/ 38. } 39.} 6.最常用字符窜函数API 1. ·字符串(String) 2. 1.声明 3. var myString = new String("Every good boy does fine."); 4. var myString = "Every good boy does fine."; 5. 6. 2.字符串连接 7. var myString = "Every " + "good boy " + "does fine."; 8. var myString = "Every "; myString += "good boy does fine."; 9. 10. 3.截取字符串 11. //截取第 6 位开始的字符 12. var myString = "Every good boy does fine."; 13. var section = myString.substring(6); //结果: "good boy does fine." 14. 15. //截取第 0 位开始至第 10 位为止的字符 16. var myString = "Every good boy does fine."; 17. var section = myString.substring(0,10); //结果: "Every good" 18. 19. //截取从第 11 位到倒数第 6 位为止的字符 20. var myString = "Every good boy does fine."; 21. var section = myString.slice(11,-6); //结果: "boy does" 22. 23. //从第 6 位开始截取长度为 4 的字符 24. var myString = "Every good boy does fine."; 25. var section = myString.substr(6,4); //结果: "good" 26. 27. 4.转换大小写 28. var myString = "Hello"; 29. var lcString = myString.toLowerCase(); //结果: "hello" 30. var ucString = myString.toUpperCase(); //结果: "HELLO" 31. 32. 5.字符串比较 33. var aString = "Hello!"; 34. var bString = new String("Hello!"); 35. if( aString == "Hello!" ){ } //结果: true 36. if( aString == bString ){ } //结果: true 37. if( aString === bString ){ } //结果: false (两个对象不同,尽管它们的值相同) 38. 39. 6.检索字符串 40. var myString = "hello everybody."; 41. // 如果检索不到会返回-1,检索到的话返回在该串中的起始位置 42. if( myString.indexOf("every") > -1 ){ } //结果: true 43. 44. 7.查找替换字符串 45. var myString = "I is your father."; 46. var result = myString.replace("is","am"); //结果: "I am your father." 47. 48. 8.特殊字符: 49. : 后退符 : 水平制表符 50.
: 换行符 : 垂直制表符 51. : 分页符
: 回车符 52. " : 双引号 ' : 单引号 53. \ : 反斜杆 54. 55. 9.将字符转换成Unicode编码 56. var myString = "hello"; 57. var code = myString.charCodeAt(3); //返回"l"的Unicode编码(整型) 58. var char = String.fromCharCode(66); //返回Unicode为66的字符 59. 60. 10.将字符串转换成URL编码 61. var myString = "hello all"; 62. var code = encodeURI(myString); //结果: "hello%20all" 63. var str = decodeURI(code); //结果: "hello all" 64. //相应的还有: encodeURIComponent() decodeURIComponent()
Javascript 数组 数字 字符串 时间等使用的更多相关文章
- 舌尖上的javascript数组和字符串基本操作
Javascript数组基本操作 Javascript中的数组是一种特殊的对象,用来表示偏移量的索引是该对象的属性,索引可能是整数,然而这些数字索引在内部被转换为字符串类型,这是因为javascrip ...
- JavaScript 数组、字符串、Map、Set 方法整理
在线阅读 https://www.kancloud.cn/chenmk/web-knowledges/1080519 数组 isArray():Array.isArray(value) 用于检测变量是 ...
- JavaScript数组与字符串常用方法总结
先来一段代码引子: var str='hello world'; alert(str.charAt());//通过下标查找值: alert(str.indexOf());//通过值查找字符串下标:没有 ...
- JavaScript数组转字符串,字符串转数组
//--------------------数组转字符串--------------------------- //需要将数组元素用某个字符连接成字符串 var a1, b1,c1; a1 = [&q ...
- javascript数组与字符串之间转换
一.数组转字符串(将数组元素用某个字符连接成字符串) var a, b;a = new Array(0,1,2,3,4);b = a.join("-"); 二.字符串转数组(将字符 ...
- Javascript数组与字符串常用api
目录 javaScript(api学习) 数组有关的api 创建数组 数组的增删改查 indexOf(); push(),pop(),unshift(),shift() forEach() map() ...
- Javascript:数组和字符串的相互转化
中午吃饭的时候,和室友讨论前端的问题,然后一个有趣的问题被抛出来: javascript用什么方法可以把“hello world”位置反转输出,即输出:"dlrow olleh"? ...
- javascript 数组和字符串的转化
字符串转化为数组 'abcde' -> ['a', 'b', 'c', 'd', 'e'] 简单一点的方法,__String.prototype.split__可以将字符串转化为数组,分隔符为空 ...
- JavaScript 数组,字符串,函数
数组 创建数组 利用 new 创建数组 var arr = new Array(); console.log(arr); // Array(0) 数组字面量创建 var arr = []; // 空数 ...
随机推荐
- PWN入门的入门——工具安装
安装pwntool: 命令行运行: pip install pwntools python import pwn pwn.asm("xor eax,eax") 出现'1\xc0' ...
- angualr项目引入容联 七陌7mroo
最近项目要求在注册页面增加客服服务浮窗,各种查找资料准备采用7moor来实现.现记录一下实现过程,便于后期查看: 引入7moor浮窗有两种方式: 1.h5方式,这种情况一般是单独打开新页面即可: 直接 ...
- myeclipse2017使用总结
1.之前的myeclipse 2010项目导入后,需要配置项目发布内容,否则class.lib.web.xml等文件不会自动发布到tomcat中:
- web前端典型示例
1.轨迹回放:https://openlayers.org/en/v4.6.5/examples/feature-move-animation.html https://blog.csdn.net/s ...
- 在BUG分支下创建分支,开发后合并到bus分支
在BUG分支下创建分支 1.切换到bus分支 2,创建新分支 git checkout -b bugfix/fix_vedio_0627 3,把创建的分支push到远程分支 git push orig ...
- python字符串常用函数-大小写,删除空格,字符串切片
- 42.Flatten Binary Tree to Linked List
Level: Medium 题目描述: Given a binary tree, flatten it to a linked list in-place. For example, given ...
- linux内核的简单介绍
linux的版本号分为两个部分:内核(Kernel)和发行套件(distribution)版本. 内核版本是linus领导下的开发小组开发出的系统内核的版本号,而发行套件是由其他组织或者厂家将linu ...
- 九、hibernate的查询(QBC)
QBC:Query By Criteria 条件查询 比较适合组合条件查询 QBC查询 简单查询 创建Criteria对象:Criteria criteria = session.createCrit ...
- 初始 vue
1.js,jQuery编程范式:命令式编程 vue编程范式:声明式编程 v-for 遍历数组内容 v-on: click 监听点击事件,语法糖 @click el: 类型:string | H ...