JavaScript基础语法

变量&常量、数据类型

命名规范：小驼峰命名法。

声明：使用var, let, const（常量）修饰符（let, const为ES6语法）。

数据类型：number, string, boolean, null, undefined

变量、常量的声明

var variableNameByVar = 10;
let variableNameByLet = 10;
var constName = 10;

数据类型

var myNum = 10;
var myStr = "this is a string";
var myBool = true; // true, false
var myNull = null;
var myUndefined = undefined;

运算符

1. 四则运算（+-*/）
2. 字符串拼接（+）
3. 比较运算符

注

1. 字符串拼接在ES6中引入了模板语法，能够很方便地进行字符串格式化。

const name = "L0v3ch4n";
const age = 18;
console.log(`My name is ${name}, I am ${age} years old.`);
// My name is L0v3ch4n, I am 18 years old.

2. 判断两个对象是否相等应该使用===，不同类型之间做==会把两个对象都转化成字符串再进行比较。

console.log(1 == '1'); // true
console.log(1 === '1'); // false

控制语句

if-else if-else分支语句

if (condition1){
    // statement1
} else if (condition1) {
    // statement2
} else {
    // statement
}

for循环

for (variable_statement; condition; end_op){
    // statement
}

while循环

while (condition){
    // statement
}

函数

function

function fn(arguements){
    // statement
}

箭头函数（ES6）

const fn = (arguements) => {
    // statement
}

数据结构

数组(Array)

var arr = [1, 2, 3, 4];
console.log(arr.length); // 数组长度
console.log(arr[1]); // 索引取值
arr.push(5); // 添加元素（在后面）
arr.unshift(0); // 添加元素（在前面）

// 遍历数组
for (let i = 0; i < arr.length; i++){
    console.log(arr[i]);
}
for (const item in arr){
    console.log(item);
}
for (const item of arr){
    console.log(item);
}
arr.forEach(function (item) {console.log(item)});
arr.map(function (item) {console.log(item)});

// 筛选
arr.filter(function (item) {if (item % 2 === 1) return item});

// reduce
arr.reduce(function (num1, num2) {return num1 + num2}); // 数组求和

注

判断数组为空的方法

1. length属性不为0
2. Array.isArray()结合length
3. for...of / for...in循环遍历
4. Object.keys()（ES6）

length

// length
const arr = [];
if (arr.length === 0) {
  console.log('数组为空');
} else {
  console.log('数组不为空');
}

Array.isArray()&length

// Array.isArray()结合length
if (Array.isArray(arr) && arr.length === 0){
  console.log('数组为空');
} else {
  console.log('数组不为空');
}

for...of / for...in循环遍历

// for...of / for...in循环遍历
let isEmpty = false;
for (const _ of arr){
  isEmpty = true;
  break;
} 
if (isEmpty){
  console.log('数组为空');
} else {
  console.log('数组不为空');
}

Object.keys()

// Object.keys()
if (Object.keys(arr).length === 0){
  console.log('数组为空');
} else {
  console.log('数组不为空');
}

对象

var obj = {
    name: "L0v3ch4n",
    age: 18,
};

for (let k in obj){
    // k: 字符串类型，obj中的键
    console.log(k, obj[k]);
}

注

判断对象为空的方法

1. 空对象对应的字符串为 "{}"
2. for...in遍历
3. Object.getOwnPropertyNames()
4. Object.keys()（ES6）

字符串化

// JSON.stringify()
const obj = {};
if (JSON.stringify(obj) == "{}") {
  console.log('对象为空');
} else {
  console.log('对象不为空');
}

for...in遍历

// for...in遍历
let isEmpty = false;
for (const _ in obj){
  isEmpty = true;
  break;
} 
if (isEmpty){
  console.log('对象为空');
} else {
  console.log('对象不为空');
}

Object.getOwnPropertyNames()

// Object.getOwnPropertyNames()
if (Object.getOwnPropertyNames().length === 0){
  console.log('对象为空');
} else {
  console.log('对象不为空');
}

Object.keys()

// Object.keys()
if (Object.keys(arr).length === 0){
  console.log('对象为空');
} else {
  console.log('对象不为空');
}