运算符
赋值运算符
逻辑运算符
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
})
},
})