JavaScript_05
一. 数组的方法
<title>数组的方法</title>
<script type="text/javascript">
/* 截取 */
var arr1 = [12,23,56,47];
//改变原数组
//var newArr = arr1.splice(0,2,"newAdd");//数组,替代原素组的某个元素
/* alert(newArr);
alert(arr1); */
/* var newArr2 = arr1.slice(0,2);//含头不含尾
alert(newArr2);
alert(arr1); *///不改变
//排序
/* arr1.reverse();//
alert(arr1); */
//[12,23,56,47];
//arr1.sort();//默认是升序
/* arr1.sort(fn); *///默认是升序
var arr2 = ["ab","ac","ba","Ab","cc"]; //小写字母 数字 大写字母
var arr3 = ["北京","成都","重庆","深圳","安徽"];
/* arr2.sort();//升序
arr2.sort(fn);//降序 */
arr3.sort(myCompare);
/* alert(arr3); */
//自定义一个降序的方法(规则)
function fn(a,b){
if(a>b){
return -1;
}else if(a == b){
return 0;
}else{
return 1;
}
}
//自定义一个本地汉字排序的规则
function myCompare(str1,str2){
return str1.localeCompare(str2);
}
//数组和字符串之间的转换
var str = arr1.toString();
/* alert(str);
alert(typeof str); */
var str3 =arr1.join("-");
/* alert(str3);
alert(typeof str3); */
//查找 indexof() lastIndexOf()
//兼容ie9以下的浏览器 添加的方法
/* Array.prototype.indexOf = function(target){
for(var i = 0; i < this.length;i++){
if(this[i] === target){//确保数据类型及数值相等
return i;//返回索引
}
}
return -1;//未找到
} */
var index1 = arr1.indexOf(56);//在ie9以下没效果
var index2 = arr1.lastIndexOf(56);//从数组的开始位置数
alert(index2);
</script>
二.Date的案例
<title>Date的案例</title>
<script type="text/javascript">
//时间函数
//var date=new Date();//当前时间
//alert(date);//时间对象
//var date2=new Date(2016,10,22); //指定一个具体的时间对象
//alert(date2);
//时间戳
var time=Date.now(); //1970 1 1 至今 毫秒数
alert(time);
//格式化时间
alert(new Date(time).toDateString());
alert(new Date(time).toLocaleDateString());
//解析
var time2=Date.parse("Apr 24,2017");
alert(time2);
</script>
</head>
三.Date时间对象的方法
<title>Date时间对象的方法</title>
<script type="text/javascript">
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth()+1;
var monthDay = date.getDate();
var hour = date.getHours();
var minute = date.getMinutes();
var second = date.getSeconds();
//星期几
var day = date.getDay();
/* alert(hour);
alert(minute);
alert(second);
alert(day); */
alert(date.toTimeString());
</script>
</head>
四.Boolean
<title>Boolean</title>
<script type="text/javascript">
var b=true;
if(b){
alert("ok");
}
var b1=new Boolean(true); //对象
if(b1){
alert("hello");
}
var str=b1.toString();
alert(typeof str);
alert(b1.valueof());//获取对象的原始值
//
var num = 12;
var num1 = new Number(12.07);//四舍五入
//alert(num1.toFixed(1));//保留多少位小数点
//alert(num1.toExponential(2));//科学计数法 num 小数的位数
alert(num1.toPrecision(1));//指数
</script>
五.String
<title>String</title>
<script type="text/javascript">
/*
字符串不可变
字符串的定义方式
*/
//1.
var str = "hello world";//字面量方式创建字符串
/* alert(str.length);
*/
//2.运用对象
var str2 = new String("hello world");
/* alert(typeof str2);//object
alert(str2.length);
*/
//查找字符
var str3= str2.charAt(4);//下标是从0开始
/* alert(str3); */
// var index = str2.indexOf("r");//默认是从开始0位置找
var index = str2.indexOf("r",3);//从指定位置找 8
/* alert(index); */
var index2 = str2.lastIndexOf("r");//从后面开始找 8
/*
alert(index2); */
//大小写转换
var str3 = ",joe!";
//连接
var str4 = str.concat(str3);
/* alert(str4); */
//切割字符串
var arr = str2.split(" ");
/* alert(arr.length); */
//格式化
var str5 = " hello world ";
/* alert(str5.length);//15个长度 */
var str6 = str5.trim(); //11
//截取
/* var str7 = str2.slice(0,2);
alert(str7); */
/* var str8 = str2.substring(0,2);
alert(str8); */
//var str9 = str2.substr(3);//默认截取到末尾
/* var str9 = str2.substr(3,4);//默认截取到末尾
alert(str9); */
//var str10 = str2.replace("world","joe");
/* var str10 = str2.replace(/world/,"joe");///world/ 正则
alert(str10); */
//返回的是索引值
//var str11 = str2.search("world");//6
var str11 = str2.search(/world/);//6
/* alert(str11); */
//match方法
//var str12 = str2.match("hello");
var str12 = str2.match(/hello/);
alert(str12);
</script>