您的位置:首页 > Web前端 > JavaScript

前端基础 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"
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  前端 string 对象