1.JS函数的学习(方法)
函数也是对象
1.1函数有3种声明方法
函数声明的三种形式
(1) function 函数名(){
函数体
}
(2) var 函数名=function(){
函数体
}
(3)var 函数名=new Function("函数体");
1.2输出方式3种的归纳
alert(a);//1.弹窗式输出
document.write("HELLO"+b+”<br/>”);//2.页面输出(添加的标签需要加引号)
console.log("诸葛云")//3.控制台输出
注意:控制台输出的语句不能加标签和 ,它会原样输出。
1.3函数参数传递
在js函数的形参和实参个数可以不一样,如果参数,形参多余实参,不足的实参会显示undefined
1.4.函数的返回值
如果函数没有返回值 这时候return返回 undefined
():函数执行符(函数(方法)可以赋值给一个变量,当这个变量加上()后,它将变为一个函数,不再是变量)
var aa=function (){
alert("吃饭了");
document.write("haode");
console.log("avg");
}
function test05(){
console.log("参数值:"+aa);
return aa;
}
使用函数执行符:()
2 常用对象
2.1Date 日期对象
var date=newDate(); //注意创建对象前面是 var
document.write(date.getDate()+"<br />");//本月中的第几天
document.write(date.getDay()+"<br />");//本星期的第几天
document.write(date.getMonth()+"<br />");//返回的月份 0-11
document.write(date.getYear()+"<br />");//返回的是1900年到现在年份的差值2019-1900
document.write(date.getFullYear()+"<br />");//返回全年2019
document.write(date.toLocaleString()+"<br />");//2018/6/22 下午12:17:14:返回本地的时间
2.2Math 对象学习
Math.rondom() //获得随机数
var ran=Math.random()*1000;//随机数范围是0-1
console.log(Math.floor(ran));//向下取整 756.971 ==756
console.log(Math.ceil(ran));//向上取整 398.063==398
//获得4位随机数--(可以用来做验证码)
console.log(Math.floor(Math.random()*9000+1000) );
2.3String 对象
<script type="text/javascript">
var a="abcdefg"
var b="q-w-e-r"
1).获得下标为2的内容:
document.write(a.charAt(2)+"<br/>");//返回c
2)获得”b”的下标
document.write(a.indexOf("b")+"<br/>");//返回1
document.write(a.indexOf("cd")+"<br/>");//返回2
3)字符串截取 开始下标 截取长度
document.write(a.substr(3,2)+"<br/>")//返回de
4)截取从下标2到最后
document.write(a.substr(2)+"<br/>")//返回cdefg
5)字符串截取 开始下标 结束的下标(范围为左闭右开)
document.write(a.substring(2,5)+"<br/>");//返回cde
6)截取从下标2到最后
document.write(a.substring(3)+"<br/>")//返回defg
7)split() 方法用于把一个字符串按照(某个字符)分割成字符串数组。
console.log(b.split("-"));//返回的还是一个数组
</script>
2.4 Global 对象(全局对象)
eval() 全局变量的一个方法,把字符串转成可以执行的js的代码
var c="var e=2*6"
document.write(c+"<br/>");//输出 var e=2*6
eval(c);
document.write(e+"<br/>");//输出 12
检查某个值是否是数字。
var d=1;
var f="123a";
document.write(isNaN(d));//false d 不是not a number
document.write(isNaN(f));//true f 是not a number
3 .JS中数组的学习
创建数组的4种方法:
//方式一
var arr1=new Array();
//方式二
var arr2=new Array(5);
//方式三
var arr3=new Array(12,"您好",new Date(),true);
//方式四
var arr4=[13,"老科",new Date(),false];
注意:数组有长度,但没有元素的时候会使用empty来补充
3.1数组的使用
var aa=new Array();
aa[0]="A";
aa[5]="B"//此时数组长度为6,没有值得用empty代替
console.log(aa);
console.log(aa.length);//返回6
js中数组没有规定长度,也可以使用。数组的下标可以不连续 如果没有给值就是empty
3.2数组的扩容和缩小
//数组的扩容和缩小
function test(){
var bb=new Array(5);
console.log(bb.length);//返回5
bb.length=10;
console.log(bb.length);//返回10
bb.length=3;
console.log(bb.length);//返回3
}
注意:对于数组长度缩小,且数组有数据,则只保留在数组长度内的数据。
3.3数组的遍历
function test01(){
var cc=new Array(12,"66","大河","ABC",true);
//方式一
for(var i=0;i<cc.length;i++){
console.log(cc[i]);
}
console.log("---------------")
//方式二
for(var t in cc){
console.log(cc[t]);//此处和JAVA不一样,java可以直接输出,但这里遍历出来的是数组下标
}
}
注意:第二种方式,用的是in不再是 :遍历出的是下标
3.4 数组中常用的方法
function demo5(){
var arr=["bjsxt",123,new Date(),false];
console.log(arr);
1)向数组的末尾添加一个或更多元素,并返回新的长度。
arr.push("我们");
2)删除并返回数组的最后一个元素(删除数组最后一个元素,并把它返回)
arr.pop();
3)向数组的开头添加一个或更多元素,并返回新的长度。
arr.unshift("你好");
- 删除并返回数组的第一个元素
arr.shift();
5)删除开始的下标 删除的个数—splice()。
arr.splice(1,2)
6)删除元素,并向数组添加新元素—splice()。
arr.splice(1,0,"你")
//从下标1开始删除,删除0个,并把字符”你”添加到下标1的位置。可用于替换。