JavaScript 基础 --- (数据类型/循环/条件)

本文详细介绍了JavaScript的基础语法,包括常见的输出方式、语句与注释、数据类型、变量定义、函数使用、比较与逻辑运算符、条件及循环语句等内容。

 

一、js 输出
1.window.alert()   警告框
2.document.write()  写到 HTML 文档中
3.innerHTML       写到 HTML 元素

 

 

4.console.log()    写到浏览器的控制台

二、js 语句与注释

1.  ; (var a = 1;)  ;表示语句的结尾   

2. 语句标识符:var / if / for 等

3.注释:单行  //
     多行  /*

          */
三、数据类型
1.未定义 (undefined)  var x;   //x 为 undefined(表示变量不含有值)

2.数字 (Number)     var y = 5;  //y 为数字

3.字符串 (String)    var z = "John"  // z为字符串

4.布尔 (Boolean)    var a = true;  //a 为 布尔类型

5.对象 (Object)   var person ={firstname:"John",lastname:"Doe",id:5566};
              取值:console.log(person.firstname)   console.log(person["firstname"])  
6.数组 (Array)
    6-1. var cars = new Array();   //此时 cars 数组的长度为 0 
            cars[0] = "Saab";  //此时 cars 数组的长度为 1 ,js 数组是动态变化的,即第一个数赋值为 Saab

            car[1] = "Volvo";  //即第二个数赋值为 Volvo

            car[1] = "BMW";   //即第三个数赋值为 BMW
   6-2. var cars = new Array("Saab","Volvo","bmw") ;

   6-3. var cars = ["Saab"."Volvo","BMW"];

 

 

 

7.空 (Null)  var b = null  //b为 null(可以用来清空变量)

 

 

四、js 变量

1.变量必须以字母开头,(不推荐 $ 和 _)区分大小写

五、js 函数

函数:是由事件驱动的或者当它被调用时执行的可重复使用的代码块

定义方法:1.function a(参数){ }  声明会前置

  输出: hello world

 输出: hello world

      2. var a = function(参数){}   匿名函数

 输出:这是一个匿名函数

  输出: 1 2 3 (传递参数)

return

输出:

六、js 比较与逻辑运算符

1. < 小于 > 大于

2.== 等于(5=="5")   === 绝对等于(值和类型均相等 5===5)   != 不等于

3.&& 与   || 或  !非 

七、js 条件语句

if  else if

 输出:

switch

  输出:1

八、js 循环语句

for

输出:

for in(循环遍历对象)

 输出:

while(指定条件为 true 时循环指定的代码块)

  输出:

break (跳出整个循环)

  输出:

continue(跳出本次循环)

 输出:

### 变量和数据类型JavaScript 中,关键字是指其内部使用的词语,如 `let` 和 `var`;保留字是指其内部目前没有使用,但将来可能会使用的词语。变量名命名规则如下:可以字母、`$`、`_` 开头,不能以数字开头;不能使用关键字命名,不推荐使用保留字命名,且变量区分大小写。例如: ```javascript let age = 18; // 正确 let age1 = 18; // 正确 let _age = 18; // 正确 // let 1age = 18; // 错误,不可以数字开头 let $age = 18; // 正确 let Age = 24; // 正确,它与小写的 age 是不同的变量 // let let = 18; // 错误,let 是关键字 let int = 123; // 不推荐,int 是保留字 ``` ### 函数 函数是 JavaScript 中的重要组成部分,以下是不同类型函数的示例: ```javascript // 定义无参数无返回值的函数 function fnShow() { alert("这是一个函数"); } // 函数调用 fnShow(); // 定义有参数有返回值的函数 function fnSum(iNum1, iNum2) { var iResult = iNum1 + iNum2; // ++ 等价于 += 1 iResult++; return iResult; } // 调用函数 var iNum = fnSum(4, 6); alert(iNum); ``` ### 条件循环 #### 循环 - **while 循环**: ```javascript // 示例:从 1 岁到 99 岁 var age = 0; while (age <= 100) { age++; console.log('您今年' + age + '岁了'); } // 示例:计算 1 ~ 100 之间所有整数的和 var figure = 1; var sum = 0; while (figure <= 100) { sum += figure; figure++; } console.log('1 - 100 的整数和为' + sum); ``` - **do-while 循环**: ```javascript do { // 循环体代码 - 条件表达式为 true 的时候重复执行循环代码 } while (条件表达式); ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值