javascript基础

• 将代码运行到控制台如下：

console.log();
eg:console.log("Hello World!");//输出结果是Hello World!，这里也可以是单引号。

• 句末分号可加可不加，但当多条语句写于一行时，必须加分号：

var name = "lisi";
var age = 20;

它等同于下面这个

var name ="lisi";
var age = 20;

必须加分号的如下：

var name = "lisi" ; var age = 20

• 简单的数据类型：
  [1] undefined : 这个值表示变量不含有值。
  //注:typeof是javascript提供的运算符，运行后会返回括号之中数据的数据类型。如 typeof('hello') 返回结果是 'string'，则'hello'的类型是 字符串。
  [2] null : 这个值表示变量为空。
  [3] boolean : true 或 false 代表布尔值。
  [4] number : javascript 只有一种数字类型。数字可以带小数点，也可以不带。如:123 和12.3
  [5] srting : 前面我们说起过，字符串是字符的载体，而且必须被成对的引号包围。 如: 'hello world!'
• 复杂的数据类型：
  在JavaScript中复杂的数据类型只有一种，就是对象（Object）：
  对象由花括号包围，里面是属性值和属性名，属性间用逗号隔开，如下：

var student = {name : "lisi", age : 20, id : 123456};//键值:value

• 相比较对象，数组会更加好一点，他与对象的表现形式不一样，对象需要属性键值对形式，而数组中的数据是一一独立，如下：

eg:
//数组
var courses = ["Maths","Chinese"]
//对象
var grade = {Maths:82,Chinese:79}

例题：

var name = profile["xuman"];  //将对象 profile 中你 "姓名" 的值取出,赋给变量 name。
var college = profile["ouya"];
var id = profile["123"];
var major = profile["hui"];

// 请用上面定义好的变量，按先后顺序将下一行数组的内容补齐。
var my_profile = [ name,college,id, major];

//下一行代码将数组 my_profile 中的数据取出，拼接成一个句子，在控制台(console)中输出出来。
console.log( my_profile[0] + "是一名来自" + my_profile[1] + my_profile[3] + "专业的学生，在该学校内的编号是" + my_profile[2] + "。");

• 字符串的拼接：
  一般用的就是+，可以是字符串类型的数据+数据类型的数据。
  例如：

var message = "Tom的学号是 : " + 100705101;
//上面代码的运行结果就是字符串: "Tom的学号是 : 100705101"

也可以是：

var message = "Tom的学号是 : " + "100705101";

上面两个代码的运行结果是一样的，因为JavaScript会在处理不同类型的数据时，自动进行类型的统一转换。

• if语句：

var people = prompt('我们有多少人?(请输入一个数字)');//prompt可以出现一个对话框，用来写相应的答案

if(1 < people && people <= 5){
    console.log("我们去打网球吧!");
}
if(5 < people && people <= 10){
    console.log("我们去玩篮球吧!");
}
if(10 < people && people <= 20){
    console.log("我们去踢足球吧!");
}
if(20 < people){
    console.log("我也不知道该怎么办。");
}

• for循环：

//  for循环的语法:结合下面流程图理解(每次循环的执行顺序为:1-2-4-3, 1-2-4-3, ...)

for (1初始化表达式;2条件表达式;3更新表达式)
{
    4循环体函数
}

在循环中有时会需要中途退出，为此可以使用break语句:

//  使用break跳出循环
for(var i = 0;i<10;i++){
    if(i==3){
        break;
    }
    console.log(i);

例题：声明一个字符串对象str_result，接收拼接字符串
for循环，遍历数组获取每个字符串
将数组中的字符串拼接到str_result
console.log()输出字符串

var arr_string = ['下面是张三的个人信息：','\n','姓名：','张三','\n','年龄：','18'];
//完成字符串的拼接
var str_result = '';
for(var i = 0; i < arr_string.length; i ++)
{
   str_result += arr_string[i];
}
console.log(str_result);

例题拼接：根据注释的提示，补全函数体内的代码。
根据注释的提示，调用函数。

function print_add_result(a,b)
{
   //声明变量result，并添加实现a和b相加的代码
   var result = a + b;
   return result;
}
//添加调用print_add_result()的代码，传入的参数为101和102
var add_result = print_add_result(101,102);
console.log(add_result);

例题

小可爱.png

• JavaScript中将二维数组转成一维数组：

const arr = [1,[2,3],[4,5]];
console.log([].concat.apply([],arr));