运算福福福

运算符

赋值运算符

逻辑运算符

Page({

onLoad(){

// 1+1=2 现实中的表达式

var c=1+1 // 正常的表达式

console.log(c)

// 比较运算符

var a=1<2 //true 或 false

console.log(a)

if(1<2){

console.log("1 小于 2")

}else {

console.log("1 大于 2")

}

},

})

var x=1-1

console.log(x)

console.log(x+=2) // 相当于 x=x+2

console.log(x-=4) // 相当于 x=x-4

console.log(x*=5) // 相当于 x=x*5

console.log(x/=2) // 相当于 x=x/2

console.log(x%=2) // 相当于 x=x%2

console.log(1+=1) // 错误

// 逻辑运算符： && || ！

// && 逻辑与 左边是对并且右边也对，结果才对 ; 左边或者右边有错，结果就错

console.log(true && true) //true

console.log(true && false) //false

console.log(false && true) //false

console.log("||||||||||||||||||")

var age=17

var id=true

console.log(age>=18&&id)

// || 逻辑或， 左边或者右边有一个对，结果就对，左边和右边全错，结果才错

console.log(true || true) //true

console.log(true || false) //true

console.log(false || true) //true

console.log(false || false) //false

console.log("!!!!!!!!!!!!!!!!!!!")

var zhifubao=true

var weixin=true

console.log(zhifubao || weixin)

// ！ 取反 console.log(!true) //false

console.log(!false) //true

var c=3>1

console.log(c)

console.log(!c)

递增或递减

var num = 1

num = num + 1

num = num + 1

num = num + 1

console.log(num)

var num2 = 1

num2++

num2++

num2++

console.log(num2)

var num2 = 2

num2--

console.log(num2)

前置或后置

// 前置和后置如果单独使用，效果是一样的

var a = 1

var b = 1

a++

++b

console.log(a, b)

// 前置是先自加或自减，然后返回值；后置先返回值，然后自加或自减

var c = 1

var d = 1

console.log(c++) // 先返回 c 的值 1 ，再对 1 进行自增

console.log(c++) //2

console.log(++d)

小例子

var a = 10

var b = ++a

console.log(b) // 这里 b 的结果是几 11

var c = 10

c++ //11

var d = c++ + 2

console.log(c) //c 是 12

console.log(d) // 这里 d 的结果是几 13

var e = 10

var f = e++ + ++e //

console.log(e) //e 是 12

console.log(f) // 这里 f 的结果是几 22 条件语句

1 、 if 语句

2 、 if else 语句

3 、 if else if

4 、 wxml 页面渲染

js 文件

wxml 文件

onLoad(){

// if( 条件 ){

// 条件正确时要执行的代码

// }

var age=19

if(age>=18){

console.log(" 你可以进入网吧 ")

}

},

if( 条件 ){

// 条件正确时执行

//}else{

// 条件错误时执行

//}

var age=10

if(age>=18){

console.log(" 你可以进入网吧 ")

}else{

console.log(" 年龄不够，不允许进入网吧 ")

}

var chengji=90

if(chengji>=90){

console.log(" 优秀 ")

}else if(chengji>=60){

console.log(" 及格 ")

}else if(chengji<60){ 本行可以去掉 if(chengji<60)

console.log(" 不及格 ")

}

data:{

age:10,

chengji: 98

}, 实例：使用条件渲染修改 compare 比较案例

wxml

.js

循环语句

结构

<text wx:if="{{age>=18}}"> 你可以进入网吧 </text>

<view wx:if="{{age<18}}"> 年龄不够，不允许进入网吧 </view>

<view wx:if="{{chengji>=90}}"> 优秀 </view>

<view wx:elif="{{chengji>=60}}"> 合格 </view>

<view wx:elif="{{chengji<60}}"> 不合格 </view>

修改比较结果部分

<text wx:if="{{nm1>nm2}}"> 比较结果：第 1 个数大 </text>

<text wx:if="{{nm1<nm2}}"> 比较结果：第 2 个数大 </text>

<text wx:if="{{nm1==nm2}}"> 两数相等 </text>

或

<text wx:if="{{nm1>nm2}}"> 比较结果：第 1 个数大 </text>

<text wx:elif="{{nm1<nm2}}"> 比较结果：第 2 个数大 </text>

<text wx:else> 两数相等 </text>

data(){

// result: "haha"

nm1:0

nm2:0

},

num1(e){

this.setData({nm1:e.detail.value})

},

num2(e){

this.setData({nm2:e.detail.value})

},

for ( 初始化变量 ; 条件表达式 ; 操作表达式 ){

被执行的代码块

}

for （ var a=1;a<=6;a++ ） {

console.log(" 打印中 ",a)

} for 循环的使用

.wxml

<view wx:for="{{list}}" class="biao">

<view class="name">{{item.name}}</view>

<view class="age">{{item.age}}</view>

</view>

.js

data: {

list:[{

name:"zhangsan",

age: 18

},

{

name:"lisi",

age: 19

},

{

name:"wangwu",

age: 17

},

]

},

.wxss continue 和 break

数组

1 、创建数组的两种方法

2 、获取数组的值

3 、求数组的和和平均值

.name{

font-size: 45rpx;

}

.age{

margin-bottom: 40rpx;

}

.biao{

background:yellow;

}

for(var i=1;i<=5;i++){

if(i==3){

//continue // 第 3 个包子里有 1 条虫子

break // 第 3 个包子里有半条虫子

}

console.log(" 我吃的第 "+i+" 个包子 ")

}

// 创建数组的第 1 种方式

var name=new Array()

name[0]=" 张三 "

name[1]=" 李四 "

name[2]=" 王五 "

console.log(name)

// 创建数组的第 2 种方式

var name=[" 张三 1", " 李四 1", " 王五 1",12,true]

console.log(name)

var name=[" 张三 1", " 李四 1", " 王五 1",12,true]

console.log(name[0])

console.log(name[1])

console.log(name[2])

console.log(name[3])

console.log(name[4])

console.log(name[5]) //undefined

var name=[" 张三 1", " 李四 1", " 王五 1",12,true]

for(var i=0;i<name.length;i++){

console.log(" 第 "+i+" 个元素是： ",name[i])

} var num=[1,2,3,4,5,6]

var sum=0

for(var i=0;i<num.length;i++){

sum=sum+num[i]

}

console.log(" 数组的和是： ",sum)

console.log(" 数组的平均值是： ",sum/num.length)

4 、求数组中的最大值

var num=[3,2,4,5,1]

var max=num[0]

for(var i=1;i<num.length;i++){

if(max<num[i]){

max=num[i]

}

console.log(" 第 "+i+" 次回合的胜利者是： "+max)

}

console.log(max)

5 、给数组添加新元素

var num=[3,2,4,5,1]

// num[5]=99

// num[6]=100

// console.log(num)

num.push(99,100,199)

console.log(num)

6 、删除数组中的元素

var num=[3,2,4,5,1]

var numNew=[]

for(var i=0;i<num.length;i++){

// 删除 4

if(num[i] !=4){

numNew.push(num[i])

console.log(" 旧元素 "+num[i]+" 已添加到新数组 ")

}

}

console.log(" 新数组的元素是： ",numNew)

7 、综合案例

wxml

<input placeholder=" 请输入 " bindinput="getNum"></input>

<button bindtap="add"> 增加 </button>

<button bindtap="delete"> 删除 </button>

<text> 数组的元素如下： {{nums}}</text>

js

var a Page({

data: {

nums: [1,4,3,2]

},

getNum(e){

// console.log(e.detail.value)

a=Number(e.detail.value)

},

add(){

console.log(a)

var nums2=this.data.nums

nums2.push(a)

console.log(nums2)

this.setData({ // 刷新页面内容

nums: nums2

})

},

delete(){

var nums3=this.data.nums

var numsNew=[]

for(var i=0;i<nums3.length;i++){

console.log(nums3[i])

if(nums3[i] != a){

numsNew.push(nums3[i])

}

}

console.log(numsNew)

this.setData({ // 刷新页面内容

nums: numsNew

})

},

})