JS核心语法

53 阅读2分钟

> 1.变量Variable

数据存储的容器

声明方式:Var后面加一个变量名

例:

var num = 10

var myAge = 18

myAge

变量声明规则(命名):var+空格+变量名(英文加数字)

例:

var num1 = 20

var num2 = 30

var myFriendAge

2.数据类型Types

var myNum = 10//number 数值类型

var myStr = '文本'

var myName = "Peco"//string 字符串类型

var myBool = true//false boolean 布尔类型

var myNull = null//用于清空变量内容,表示空

var myUn//undefined 容器的默认值

console.log(myNum)

3.运算符Operator

var sum = 1-2×3÷4

console.log(sum)

var resultStr = '你好' + 'JavaScript'

console.log(resultStr)

var isTrue = 2>=21

console.log(isTrue)

console.log(2 === '2')

image.png

4.语句Statement

1.if 用于给某段代码块设置执行条件

if(true){

console.log('我会执行')

}

if(2>11){

console.log('我会执行')

}

if (true){

console.log('我不会执行')

}else {

console.log('我会执行')

}

if (false) {

consloe.log(1)

} else if (false) {

console.log(2)

else if (true) {

console.log(3)

} else {

console.log(4)

}

2.for 循环语句 用于简化重复操作

for(var i = 0; i < 10;i++) {

console.log(i)

}

++表示+1

输出有规则的数据

例:

var sum = 0

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

console.log(i)

}

求和

var sum = 0

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

sum = sum + 1

或sum += i

}

console.log(sum)

求偶数和

var sum = 0

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

if (i÷2 === 0 ) { //把第一个=改为!表否定,不等

sum += i

}

console.log(sum)

5.函数Function

帮助做重复操作

function getSum() {

console.log('开始了')

var sum = 0

for {var i = 0; i<=100; i++} {

sum += i

} return sum //return的作用:设置返回值,结束函数

console.log('结束了')

}

var sum = getSum()

console.log(sum)

函数默认不会执行,需要调用才能执行。函数的retrun以后不会执行,再写代码无意义。函数内声明的变量无法被外界访问,所以需要使用返回值。

6.数组Array

帮助存储较为复杂数据

var myArr = [10,20,30,40,50]

console.log(Arr[0]}

console.log(Arr[1])

console.log(myArr)

myArr.push(100) //push可以从数字末尾添加数据

myArr.unshift(200)

console.log(myArr)

var sum = 0

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

sum += myArr[i]

//console.log(i,myArr[1])

}

//console.log(sum)

myArr.foEach(function (item,index //foEach用来对数组做遍历的操作,获取所有元素

console.log(item,index)//index输出数组

})

数组列表

image.png

7.对象Object

一种无序的存储方式

var onj = {

name:'peco'

age:18

}

console.log(onj)

console.log(obj.name)

for(var key in obj) { //key表示属性名,obj是要进行遍历的对象

console.log(key,obj[key])

}