javascript tips记录

使用javascript过程中遇到的一些tips

1. javascript if 语句

javascript的条件语句中，null和undefined被识别为false

let foo  //声明了变量foo但是未进行初始化

console.log(foo)  //foo的类型为undefined

if (foo) {
  console.log('foo is defined')
} else {
  console.log('foo is undefined!')
}

if (null) {
  console.log('null for true')
} else {
  console.log('null for false')
}

2. javascript中的for循环

现在有如下数组：

let arr = ['java', 'android', 'kotlin', 'iOS', 'swift']

在js中有如下方法遍历该数组：

• 标准的 for 循环

for (let i = 0; i < arr.length; i++) {
  console.log(arr[i])
}

• js for in

for (let index in arr) {
  console.log(arr[index])
}

forin语句还可以遍历对象中的属性：例如，针对如下json对象，使用forin语句会遍历其属性：

let jsonObj = {
  name: 'Mike',
  age: '24',
  title: 'Software Developer',
  education: 'CMU'
}

for (let key in arr) {
  console.log(arr[key])
}

• js for of：ES6中增加了forof语句，可以更加方便地遍历一个数组

console.log('js for of...')
for (let item of arr) {
  console.log(item)
}

• Array.forEach：数组类型提供了forEach方法

arr.forEach(function (value, index, arr) {
  console.log(value)
  console.log(arr[index])
})

• Array.map：数组的映射方法，可以将数组映射为一个新的数组
  例如，有如下对象数组jsonArr，经过映射后的新数组为nameArr

let jsonArr = [{
  empno: 10,
  name: 'Mike'
}, {
  empno: 10,
  name: 'Mary'
}, {
  empno: 10,
  name: 'Max'
}]

let nameArr = []
nameArr = jsonArr.map(item => {
  return item.name
})

console.log(nameArr)  // nameArr 为 ['Mike', 'Mary', 'Max']