web网页开发-javascript

1 对象

1.1 对象基本操作

// 新建对象
let obj = {}
// 对象内容包括 key 和 value
obj = {name:'liang',age:22,role:'student'}
// 控制台打印（查）
console.log(obj)
// 对象属性增/改
obj['school'] = 'sdu'
obj.school = 'sustech'
// 对象属性删除
delete obj['school']
// 对象深拷贝，先将 javascript 对象转成 JSON 字符串，再转成 javascript 对象
let stduent = JSON.parse(JSON.stringify(obj))

1.2 对象安全操作

let a = null
// 选择非 null 值
let b= {a:1} 
// 或
let b = a||1
// 防止异常抛出，将 null 赋给 c
let c = b?.a
console.log(c)

2 数组

// 创建数组
let arr = [{"name": "tony", age:21, address:'sdu',role:'student'}]
// 新增对象
arr.push({"name": 'jenny', age:41, address:'sdu',role:'teacher'})
// 切片和拼接
let arr_slice = arr.slice(0,1) // 取第一个对象
let arr = arr.concat(arr_slice)
// 字符串拆分和拼接
str = 'how old are you?'
let arr_split = str.split(' ')
console.log(arr_split)
str = arr_split.join(' ')
console.log(str)
// 排序
// sort函数参数是一个函数，(a,b) 是该函数形参，a-b 是该函数实现
arr = [1,10,5,4,22,33,16]
arr = arr.sort((a,b) => a-b)
console.log(arr)
// 数组过滤
arr.forEach(a=>{if(a.age>40)
{
    console.log(arr)
}
}) // 或
console.log(arr.filter(a=>a.age>20))
// 数组对每个元素调用函数处理，组成新数组
let new_arr = arr.map(a => {a.age = a.age * 2
    return a})