JavaScript的for循环
**循环是将代码执行指定的次数。**
// for循环
for(语句1;语句2;语句3){
执行的代码
}
// 语句1:条件的变量的初始值(代码执行前执行) 只执行一次
// 语句2:循环条件
// 语句3:循环(代码块)已被执行后执行的代码(通常是自增或自减)
for (var i = 0; i < 4; i++) {
console.log(i,"执行的代码")
document.write("☆☆☆☆☆<br/>")
}
// 模拟 接力赛
for(var i=0;i<4;i++){
开跑
1
继续
2
继续
3
继续
4 结束
}
JavaScript的break和continue
// break:跳出循环 终止
for(var i=0;i<10;i++){
if(i==5){
break;//终止循环
}
console.log(i);
}
// continue:跳过循环中的某一步 不终止循环
var j;
for(j=10;j>0;j--){
if(j==5){
continue;//跳过当前循环
}
console.log(j);
}
JavaScript的for...in循环
**用于遍历对象的属性多于用对象,数组等数据类型。**
// for(prop in object){
prop:对象的属性
object:被遍历的对象
}
// 数据类型:对象 {}
var person={
name:"曹杨",
age:22
}
for(x in person){
console.log(x,person[x]);
}
JavaScript的while循环
// while循环 当什么什么的时候
// 只要指定的条件为true,循环就可以一直执行代码
// while(条件){
条件成立时执行的代码
自增或自减
}
var i=0;
while (i<4) {
// console.log(i,"接力赛继续");
document.write("@@@@@<br/>")
i++;
}
JavaScript的do...while循环
// var i=5;
while (i<4) {
// console.log(i,"接力赛继续");
document.write("@@@@@<br/>")
i++;
}
var i=10;
do{
console.log(i,"接力赛继续");
// document.write("@@@@@<br/>")
i++;
}while(i<4);
JavaScript使用循环打印图形
正方形
// for (var i = 0; i < 10; i++) {
document.write("@ @ @ @ @ @ @ @ @ @ <br/>")
}
执行次数
// for (var i = 10; i > 0; i--) {
document.write("@ @ @ @ @ @ @ @ @ @ <br/>")
}
一行打印5次 打印5行
// for (var j = 0; j < 5; j++) {
// 打印5行
for (var i = 0; i < 5; i++) {
// 一行打印5次
document.write("@ ")
}
document.write("<br/>")
}
// 三角形
for (var j = 0; j < 8; j++) {
// 打印5行
for (var i = 0; i < j+1; i++) {
// 一行打印?次
document.write("@ ")
}
document.write("<br/>")
}
// 平行四边形
for (var j = 0; j < 8; j++) {
// 打印5行
for (var i = 0; i < j+1; i++) {
// 一行打印?次
document.write(" ")
}
for (var k = 0; k < 8; k++) {
// 一行打印?次
document.write("@ ")
}
document.write("<br/>")
}
// while打印倒三角形
for(var m=0;m<8;m++){
console.log(m+"*"+m+"="+m*m);
}
JavaScript函数的声明
// 变量声明 通过var关键字
var a=10;
// 函数的声明
function 函数名(参数){
函数体
return 返回值
}
// 通过function关键字声明
func:函数名
x:函数的参数
{}:函数体
function func(x){
// 执行的代码
console.log("这是一个函数")
}
// console.log(func);
// 函数的调用 通过函数名调用
func();
func();
func();
func();
// 声明提升?
console.log(i);//undefined
var i=10;
console.log(func2);// 函数声明也存在提升
function func2(){
}
JavaScript命名函数和匿名函数
// 1.命名函数
function func(){
console.log("这是一个命名函数")
}
调用func
func();//方法+() 代表立即执行
// 2.匿名函数
document.onclick=function(){
console.log("这是一个点击事件驱动的匿名函数")
}
// 使用变量将匿名函数进行储存
var func3=function(){
console.log("通过变量储存的匿名函数")
}
// 通过变量名进行函数的调用
func3();
func3();
func3();
document.onclick=func3;
// function func2(){
console.log("这是一个被点击事件驱动的命名函数")
}
document.onclick=func2;
JavaScript传参函数和无参函数
// 1.无参函数
function func() {
console.log("无参函数")
}
var func2 = function () {
console.log("无参函数2")
}
// 2.传参函数 f(x)=x+1
// 参数:调用方法(函数)时,根据传入的参数的不同,而返回不同的结果。
// x:形参 形式上的参数
function func3(x) {
console.log(x)
}
// 调用
func3(1);//1 实参 实际的参数
func3(2);//2 实参
func3(3);
func3(4);
// 拼接字符串
function newStr(str1,str2) {
console.log(str1+str2)
}
newStr("hello","world");
newStr("hello","China");
newStr("hi","Nanjing");
newStr("你好,","web21");