JavaScript循环及内置函数 学习打卡

循环类控制语句

for循环

//for循环
//1+2+3+4+5+...+100=5050
 var i;
 var sum=0;
 for(i=0;i<=100;i++){
     sum+=i;
 }
console.log(sum);

while循环

//1+2+3+4+5+...+100=5050
//while循环是先判断条件，条件满足了再继续执行
var i=0;
var sum=0;
while(i<=100){
    sum=sum+i;
    i++;
}
console.log(sum);

do-while循环

//1+2+3+4+5+...+100=5050
// do-while:  先执行一次，执行完之后再进行判断
var i=0;
var sum=0;
do{
    sum=sum+i;
    i++;
}while(i<=100);
console.log(sum);

补充 – 弹出输入框

1、语法：prompt();
2、弹出输入框
3、返回值：
a. 点击确定，返回输入的内容
b. 点击取消，返回null

var age = prompt('请输入您的年龄');
if(age < 18){
	alert('你还没有成年');
}else if(age >=18 && age<=59){
	alert('你可以参加游戏');
}else {
	alert('你已超出年龄限制');
}
console.log(age);

补充 – 字符串的长度

1、语法：string.length
2、功能：获取string字符串的长度
3、返回值：number

var password = prompt('请设置您的密码');
//判断密码的长度，如果不是6位
if(password.length != 6){
	alert('请输入6位数字密码！');
} else {
	//如果密码是非数字，否则是数字
	if(isNaN(password)){
		alert('密码必须是数字！');
	}else {
		alert('密码设置成功！');
	}
}

内置函数

1、字符函数
Subsutring substr charAt split length indexOf concat replace
2、日期函数
Date getDate getDay getMonth getFullYear (getYear) getHours getMinutes getSeconds
3、数学函数
Math.round max min abs
4、转化函数
parseInt parseFloat Number Boolean

substr

var str = "520134199906061234";
//两个参数,索引从0开始，截取到0
//第一个参数表示从哪儿开始，第二个参数表示截取的长度
console.log(str.substr(0,3));
console.log(str.substr(1,3));
console.log(str.substr(3,6));//起始位置 长度

substring

//两个参数,索引从0开始
//第一个参数：起始位置，第二个参数表示：结束位置，算前不算后
console.log(str.substring(0,3));//520
console.log(str.substring(6,10));//1999
console.log(str.substring(6,11));//起始位置   结束位置

var str="Hello world!";
console.log(str.substr(0,5));//Hello
console.log(str.substring(0,5));//Hello

console.log(str.substr(3));//一个参数表示索引位置，截取到最后
console.log(str.substring(3));//一个参数表示索引位置，截取到最后

chatAt

//charAt()获取字符串  但是根据索引位置获取
var str = "520134199906061234";
console.log(str.charAt(16));//3
var n = parseInt(str.charAt(16));
if (n%2 == 0) {
    console.log("nv");
} else {
    console.log("nan");
}//nan

length

console.log(str.length);//获取字符串的长度

indexOf

//indexOf()  参数：索引位置  查找1在str字符串中的第一次出现的位置
//索引从0开始
console.log(str.indexOf(1));//3
//两个参数表示  从索引位置4开始查找，找索引位置4后面的1出现的位置
console.log(str.indexOf(1,4));//6
//有一个自动类型转换  可以加上""
console.log(str.indexOf("1",4));//6

var str="Hello world!";
//返回某个指定的字符串值在字符串中首次出现位置
document.write(str.indexOf("Hello")+"<br/>");//0
//如果某个指定的额字符串在源字符串中不存在，返回-1
document.write(str.indexOf("wwww")+"<br/>");//-1
//返回某个指定的字符串值在字符串中首次出现位置
document.write(str.indexOf("world"));//6
//document.write可以解析html标签
// document.write("<h1 style='color:red;'>渡课</h1>");

split

//split  --  将字符串有规律的转换成数组  [11,22,33556,0]
var str = "aa,ttt,121,gg,kk,aa,bb";
var arr = str.split(",");
console.log(arr);
console.log(arr[7]);

var str = "How are you";
console.log(str.split(" ",2));//How are

var str = "aa,ttt,121,gg,kk,aa,bb";
var arr = str.split(",");
console.log(arr);
console.log(arr[0]);
//concat -- 既可以连接字符串，也可以连接数组
console.log(str.concat(",55",",77",",00"));
console.log(arr.concat("55","77","00"));

replace

//replace:替换(配合正则表达式)
//如下写法只会替换第一个符合要求的字符串
var str = "aa,ttt,121,gg,kk,aa,bb";
console.log(str.replace("aa","dodoke"));
//全部替换的功能
console.log(str.replace(/aa/g,"dodoke"));

日期函数

//2020-5-20 15:58   日期格式化
function fun_FmtDate(){
    var d1 = new Date();
    var yyyy,mm,dd,hh,mi,ss;
    var time;
    //逻辑代码
    yyyy=d1.getFullYear();
    mm=d1.getMonth()+1;
    dd=d1.getDate();
    hh=d1.getHours();
    mi=d1.getMinutes();
    ss=d1.getSeconds();
    time=yyyy+"-"+mm+"-"+dd+" "+hh+":"+mi+":"+ss;
    return time;
}
console.log(fun_FmtDate());

数学函数

//数学函数
var n = 16.654789;
console.log(Math.round(n));//js中round只能取整数，不能保留小数，遵循四舍五入。
//保留小数   遵循四舍五入
console.log(n.toFixed(2));
console.log(n.toFixed(0));//17
//取最小
console.log(Math.min(2,6,81,1));
//取最大
console.log(Math.max(2,6,81,1));
//取绝对值
console.log(Math.abs(-3));
console.log(Math.abs(5));

思维导图