JavaScript（注释，数据类型，运算符,条件语句）

野性酷女 2024-02-05 20:52 21阅读 0赞

## 一 注释 ##

### 1.1 单行注释 ###

//这是单行注释

### 1.2 多行注释 ###

/\*这是多行注释\*/

### 1.3 嵌套在HTML文件中注释 ###

### 1.4 注释的快捷键 ###

ctrl+/

## 二 JavaScript输出方式 ##

### 2.1 在浏览器中展示对话框，弹出要展示的内容 ###

alert（"要输出的内容"）

### 2.2 在页面弹出相应内容 ###

document.write("要输出的内容")

### 2.3 在控制台中输出相关内容（最常用） ###

console.log("要输出的内容")

## 三 数据类型 ##

### 3.1 JavaScript数据类型 ###

数值，布尔值，字符串，null，对象，undefined**共六种类型**

ES6新增Symbol和Bight类型

#### 3.1.1 原始数据类型 ####

--------------------

数值/数字

var age=20；

--------------------

字符串(单引号或双引号包裹着）

var name="mark"

var name='来福'

--------------------

布尔型（用于逻辑运算与运算判断）

var flag=true；

var flag=false；

#### 3.1.2 合成数据类型 ####

对象：object( 因为一个对象中往往是多个原始类型值的合成，可以看作是一个存放各种值的容器）

--------------------

var user=\{

name："来福",

age:20,

learn:true

**undefined和null看成特殊值（没有特殊含义）**

#### **3.1.3 typeof运算符** ####

**作用：判断基本数据类型时使用**

--------------------

##### **3.1.3.1 数值返回number** #####

var age=10；

console log（typeof age）

##### 3.1.3.2 字符串返回String #####

--------------------

typeof '123'

##### 3.1.3.3 对象返回object #####

--------------------

typeof\{\}

**null和undefined没有区别**

### **3.2 运算符** ###

#### **3.2.1 加减乘除运算符** ####

**+ - \* /**

#### **3.2.2 余数运算符** ####

**%**

#### 3.2.3 自增自减 ####

自增：+1

\++a

自减：-1

\--a

**注意**：放在变量之前，会先进行自增自减操作，再返回变量操作后的值；放在变量之后，会先返回变量操作前的值，再进行自增自减操作

#### 3.2.4 一元运算符与二元运算符 ####

一元运算符：只需要一个运算子

二元运算符：只需要两个运算符

#### 3.2.5 运算符之赋值运算符 ####

赋值运算符用于给变量赋值

最常见的赋值运算符：=

可以与其他运算符结合：-= += \*= /=

--------------------

var x=10

var y=10

x+=y x=x+y

--------------------

console(x+=y)

#### 3.2.6 运算符之比较运算符 ####

JavaScript提供了八个基本运算符之比较运算符

< 大于

>小于

<= 小于等于

>=大于等于

== 等于

===恒等于（严格比较，数值本身是否相等，以及数值类型是否相等）

!=不等于

!==严格不等于（严格比较，数值本身是否不相等，以及数值类型是否不相等）

#### 3.2.7 运算符之布尔运算符 ####

--------------------

##### 3.2.7.1 取反 ！ #####

对于布尔值，取反运算符会将其转为布尔值，以下六个值取反后为true，其他值都是false

undefined，null，false，0，NaN，空字符串

--------------------

##### 3.2.7.2 且 && #####

多个条件都要满足

console.log(10>0 && 10<20)

--------------------

##### 3.2.7.3 或 || #####

只需要满足一个条件

console.log(10>0 || 10>20)

## 四 条件语句 ##

### 4.1 条件语句之if... else ###

var age=10

if（age<10）\{

console.log(age)

else\{

console.log(‘false’)

### 4.2 条件语句之switch ###

var i=1

switch（i）\{

case 1：

console.log(i)

break

case 2:

console.;log("false")

break

default:

console.;log("false")

### 4.3 三目运算符（三元运算符） ###

作用：用于进行逻辑运算,可以替代简单的if else语句

--------------------

(条件)？表达式1：表达式2

条件为真，执行表达式1，条件为假，执行表达式2

--------------------

var num=5

（num>5）? console.log(num) : console.log(1)

### 4.4 循环语句之for ###

for就是循环命令，可以指定循环的起点，终点和结束条件

--------------------

for（**初始化表达式；布尔表达式；迭代因子**）\{

语句

初始化表达式：只在循环开始时执行。只执行一次

布尔表达式：简单的理解为表达式，每轮循环开始前都会执行这个表达式，只有为真，循环才会开始执行

迭代因子：每轮循环的最后一个操作，用于递增循环变量

--------------------

for（var i = 1；i <= 100;i++)\{

console.log(i)

### 4.5 循环语句之while循环 ###

while循环包括一个循环条件和一段代码，只要条件为真，就不断执行语句

--------------------

while（条件）\{

语句

--------------------

var num=1

while（num<5)\{

console.log(num)

num++

### 4.6 break与continue语句 ###

相同点：都有跳转作用，改变当前循环

### 4.7 字符串 ###

**概念**：字符串就是零个或多个排在一起的字符，放在单引号或者双引号之中

--------------------

单引号字符串的内部，可以使用双引号，双引号字符串的内部，可以使用但引号

如果要在单引号字符串的内部使用单引号，就必须在内部的单引号前面加上反斜杠，用来转义，双引号内部使用双引号也是如此

字符串只能默认在一行，分成多行会报错

如果长字符串必须分成多行，可以每一行的尾部加上反斜杠

--------------------

length属性:返回字符串的长度

var i=‘11111’

console.log(i.length)

#### 4.7.1 charAt()方法 ####

--------------------

作用：返回指定位置的字符，参数是从0开始编号的，如果参数为负数，或者大于字符串的长度，返回空字符串

var s=new string（‘love’）

s.chatAt(s.length-1)

#### 4.7.2 concat方法 ####

--------------------

作用：连接两个字符串，返回一个新字符串，不改变原字符串

如果参数不是字符串，concat会将其先转为字符串，然后再连接

可以用+代替，但是加号是遇到数字就进行运算，遇到字符串进行连接，concat方法是不管什么类型直接连接

var a=‘love’

var b=‘gousi’

a.concat(b)

#### 4.7.3 substring方法 ####

作用：用于从原字符串中取出子字符串并返回，不改变原字符串，它的第一个参数是标识和子字符串的开始位置，第二个位置表示结束位置，返回结果不包含该位置

如果省略第二个参数，则表示子字符串一直到原字符串结束

如果参数是负数，则该方法会自动将负数转为0

如果第一个参数大于第二个参数，该方法会自动调换两个参数的位置

‘loveyou’.substring(0,2)

#### 4.7.4 substr方法 ####

作用：用于从原字符串取出子字符串并返回，不改变原字符串

第一个参数是子字符串的开始位置，第二个参数是子字符串的长度

如果省略第二个参数，则表示子字符串一直到原字符串结束

如果第一个参数是负数，则表示倒数计算的字符位置，如果第二个数是负数，将自动转为0，因此会放回空字符串

‘lovegpisi’.substr（0，2）

#### 4.7.5 indexOf方法 ####

作用：用于确定一个字符串在另一个字符串中第一次出现的位置，返回位置是匹配开始的位置，如果返回-1，就表示不匹配

还可以接受第二个参数，表示从该位置开始向后匹配

‘hellopig’.indexOf('o',3)

#### 4.7.6 trim方法 ####

作用：用于去除字符串两端的空格，返回一个空字符串，不改变原字符串

该方法去除的不仅仅是空格，还包括制表符，换行符，回车符

‘ jiuyue jiu’.trim()

#### 4.7.7 split方法 ####

作用：按照给定的规则分割字符串，返回一个分割出来的子字符串组成的数组

如果分割规则为空字符串，则返回数组的成员是原字符串的每一个字符

如果省略参数，则返回数组的唯一成员就是原字符串

还可以接受第二个参数，限定返回数组的最大成员数

‘hellop|ig’.split（‘|’，0）

JavaScript（注释，数据类型，运算符,条件语句）

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 JavaScript（注释，数据类型，运算符,条件语句）

相关 javascript的条件运算符，运算符优先级，条件语句

相关 JavaScript基础05-day07【条件运算符、运算符优先级、代码块、if语句】

相关 JavaScript 条件运算符语法

相关 java条件运算符类型转换_Java条件运算符？：结果类型

相关 JavaScript -- 条件运算符

相关 HTML条件注释与JavaScript条件注释

相关 JavaScript-语句与注释

相关 javascript学习3、数据类型、数据类型转换、运算符

相关 JavaScript中数据类型与运算符