前端基础 JavaScript String、Array对象 笔记

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"