前端基础 JavaScript String、Array对象 笔记
2017-10-22 17:07
411 查看
JS的引入方式 1 直接编写 <script> alert('hello yuan') </script> 2 导入文件 <script src="hello.js"></script>
String对象
字符串创建(两种方式)
字符串创建(两种方式) ① 变量 = “字符串” ② 字串对象名称 = new String (字符串) var str1="hello world"; var str1= new String("hello word");
字符串对象的属性和函数
x.length ----获取字符串的长度 x.toLowerCase() ----转为小写 x.toUpperCase() ----转为大写 x.trim() ----去除字符串两边空格 ----字符串查询方法 x.charAt(index) ----str1.charAt(index);----获取指定位置字符,其中index为要获取的字符索引 x.indexOf(findstr,index)----查询字符串位置 x.lastIndexOf(findstr) x.match(regexp) ----match返回匹配字符串的数组,如果没有匹配则返回null x.search(regexp) ----search返回匹配字符串的首字符位置索引 示例: var str1="welcome to the world of JS!"; var str2=str1.match("world"); var str3=str1.search("world"); alert(str2[0]); // 结果为"world" alert(str3); // 结果为15 ----子字符串处理方法 x.substr(start, length) ----start表示开始位置,length表示截取长度 x.substring(start, end) ----end是结束位置 x.slice(start, end) ----切片操作字符串 示例: var str1="abcdefgh"; var str2=str1.slice(2,4); var str3=str1.slice(4); var str4=str1.slice(2,-1); var str5=str1.slice(-3,-1); alert(str2); //结果为"cd" alert(str3); //结果为"efgh" alert(str4); //结果为"cdefg" alert(str5); //结果为"fg" x.replace(findstr,tostr) ---- 字符串替换 x.split(); ----分割字符串 var str1="一,二,三,四,五,六,日"; var strArray=str1.split(","); alert(strArray[1]);//结果为"二" x.concat(addstr) ---- 拼接字符串
Array对象
创建数组的三种方式:
创建方式1: var arrname = [元素0,元素1,….]; // var arr=[1,2,3]; 创建方式2: var arrname = new Array(元素0,元素1,….); // var test=new Array(100,"a",true); 创建方式3: var arrname = new Array(长度); // 初始化数组对象: var cnweek=new Array(7); cnweek[0]="星期日"; cnweek[1]="星期一"; ... cnweek[6]="星期六";
数组对象的属性和方法
join方法: [1, 2, 3, 4, 5, 6, 7].join("-");结果为"1-2-3-4-5-6-7" concat方法: [1,2,3].concat(4,5) ;返回结果为1,2,3,4,5 数组排序-reverse sort: var arr1=[32, 12, 111, 444]; arr1.reverse(); //颠倒数组元素 arr1.sort(); //排序数组元素 根据ASCII码排序 结果为111,12,32,444 如果就想按着数字比较呢? function IntSort(a,b){ return a-b; } arr.sort(intSort); //结果为12,32,111,444 数组切片操作: x.slice(start, end) //start表示开始位置索引 //end是结束位置下一数组元素索引编号 //第一个数组元素索引为0 //start、end可为负数,-1代表最后一个数组元素 //end省略则相当于从start位置截取以后所有数组元素 var arr1=['a','b','c','d','e','f','g','h']; var arr2=arr1.slice(2,4); //结果为"c,d" var arr3=arr1.slice(4); //结果为"e,f,g,h" var arr4=arr1.slice(2,-1); //结果为"c,d,e,f,g" 删除子数组: x. splice(start, deleteCount, value, ...) //start表示开始位置索引 //deleteCount删除数组元素的个数 //value表示在删除位置插入的数组元素 //value参数可以省略 var a = [1,2,3,4,5,6,7,8]; a.splice(1,2); //结果为[1,4,5,6,7,8] var b = [1,5,6,7,8]; b.splice(1,0,2,3); //b变为[1,2,3,5,6,7,8] 数组的push和pop: var arr1=[1,2,3]; arr1.push(4); 结果为"1,2,3,4" arr1.pop(); 结果为"1,2,3" 数组的shift和unshift: var arr1=[1,2,3]; arr1.unshift(4); 结果为"4,1,2,3" arr1.shift(); 结果为"1,2,3"
相关文章推荐
- javascript学习四~定义函数,面向对象基础,Array对象,String对象
- 【Web前端学习笔记】Javascript_03_常用对象:String,Number,Math,Date,网页时针
- javascript基础笔记(十一)js的Array对象
- 前端学习笔记--JavaScript--基础知识
- 前端基础 JavaScript Function、BOM对象 笔记
- JavaScript基础精华03(String对象,Array对象,循环遍历数组,JS中的Dictionary,Array的简化声明)
- javascript基础笔记(十)之String的对象
- JavaScript基础精华03(String对象,Array对象,循环遍历数组,JS中的Dictionary,Array的简化声明)
- 从零开始学习前端JAVASCRIPT — 3、JavaScript基础string字符串介绍
- JavaScript+jQuery从小工到专家学习笔记(javascript基础)
- JavaScript 基础(笔记)
- JavaScript基础学习笔记(二)
- javascript基础笔记(十六)之js实现99乘法表
- JavaScript 代码笔记 —— 常用 String 函数
- JavaScript基础学习笔记(四)
- 3.前端笔记之JavaScript基础
- 前端开发笔记(5)js基础
- 网站前端_JavaScript-基础入门.0009.JavaScript对象类型
- python之 前端HTML/CSS基础知识学习笔记
- 好好学一遍JavaScript 笔记(一)——基础中的基础