使用javascript過程中遇到的一些tips
- javascript if 語句
javascript的條件語句中，null和undefined被識別為false
let foo //聲明了變量foo但是未進(jìn)行初始化
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')
}
- javascript中的for循環(huán)
現(xiàn)在有如下數(shù)組：
let arr = ['java', 'android', 'kotlin', 'iOS', 'swift']
在js中有如下方法遍歷該數(shù)組：
- 標(biāo)準(zhǔn)的 for 循環(huán)
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語句，可以更加方便地遍歷一個(gè)數(shù)組
console.log('js for of...')
for (let item of arr) {
console.log(item)
}
- Array.forEach：數(shù)組類型提供了forEach方法
arr.forEach(function (value, index, arr) {
console.log(value)
console.log(arr[index])
})
- Array.map：數(shù)組的映射方法，可以將數(shù)組映射為一個(gè)新的數(shù)組
例如，有如下對象數(shù)組jsonArr，經(jīng)過映射后的新數(shù)組為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']
