Javascript基础入门 学习Javascript的基础知识(4)

Javascript基础入门

// 语法: for的第一种语法
for(表达式1; 表达式2; 表达式3){
  循环体
}
/*
  解读: 
    for循环和我们python中的循环是完全不一样的. 解读起来会有点儿麻烦. 
    首先, 在执行的时候, 先执行`表达式1`, 
    然后, 判断`表达式2`得到的结果是否真, 如果`真`, 则执行循环体, 
    再然后, 执行`表达式3`, 
    再然后, 判断`表达式2`执行的结果是否为`真`, 如果`真`, 则执行`循环体`
        再然后, 执行`表达式3`
        .....
        直到, `表达式2`得到的结果是`假`, 则跳出循环
*/
// 看起来很绕. 我们用for循环来跑一个1~99
for(var i = 1; i < 100; i++){
    console.log(i);
}
/*
  首先, i = 1, 
  然后, 判断 i < 100 成立
    打印i
  在然后, i++, i变成2
  再然后, 判断 i < 100 还是成立
    打印i
  再然后, i++, i变成3
  再然后, 判断 i< 100 还是成立
    打印3....
  ....
  当i = 100了. i < 100不成立. 程序结束 
*/
// for循环的固定逻辑也就这样了
for(变量声明; 条件判断; 改变变量){
   循环体
}

// for的第二种用法
var a = [11,22,33,44,55,66]
for(let i in a){
    console.log(i + "_" + a[i])
}
// 这种写法非常类似python中的for循环. 但是要注意. 这里的`i`拿到的仅仅是 `数组a`的索引信息. 
// 如果需要数据 a[i]

四.JS中的数组和对象

在JS中创建数组非常简单. 直接[ ]即可. 也可以用正规军的new Array(). 不过效果都是一样的.

var as = [11,22,33,44,55];
var bs = new Array(11,22,33,44,55)

数组的常用操作

arr.length;  // 数组长度
arr.push(data);  // 添加数据
arr.pop();  // 删除数据, 从后面删除, 并返回被删除的内容
arr.shift()  // 删除数据, 从前面删除, 并返回被删除的内容
// arr中的每一项循环出来. 分别去调用function函数, 会自动的将`数据`传递给函数的第一个参数
arr.forEach(function(e, i){  // 第二个参数是可选的
    console.log(i+"__"+e);
});
arr.join("连接符");  // 使用`连接符`将arr中的每一项拼接起来. 和python中的 "".join()雷同

在JS中创建一个对象非常容易. 和python中的字典几乎一样{ }

var p = {
    name: "汪峰",
    age: 18,
    wife: "章子怡",
    
    chi: function(){
        console.log("吃饭")
    }
};

使用对象

p.name
p.age
p['wife']
p.chi()
p['chi']()

从上述内容中几乎可以看到. JS对象的使用几乎是没有门槛的. 十分灵活

for(var n in p){
    if(typeof(p[n]) != 'function'){
        console.log(p[n])
    }
}

五. JS中的函数(重点)

在JS中声明函数和python差不多. 也要有一个关键字顶在前面.

python是def, 到了JS里换成了function, 只不过在JS中没有像python那么死板,def后面必须跟上函数名.