无锡网站制作工作室,重庆电子工程职业学院招生网,曰本免费一级a做爰视频网站,移动应用开发属于什么专业类别先来一点js基础#xff0c;其实js大部分的时候都在处理对象或者数组。
对象四个基本操作#xff1a;增删改查
掌握元素的增删改查#xff0c;了解如何拷贝#xff0c;深拷贝和浅拷贝的区别。详情见代码 script//创建对象一共有三种赋值声明的语法let obj{} //赋值…先来一点js基础其实js大部分的时候都在处理对象或者数组。
对象四个基本操作增删改查
掌握元素的增删改查了解如何拷贝深拷贝和浅拷贝的区别。详情见代码 script//创建对象一共有三种赋值声明的语法let obj{} //赋值创建变量的一个语法var obj1{} //现在var不常用了const obj2{}//const是常量的意思//如果你直接创建对象而没有复制的话console就是undefinedlet obj obj.a1 //创建对象的属性console.log(obj)obj.atrue //改变对象的值console.log(obj)delete obj.a //删除对象console.log(obj)obj[address]北京市朝阳区 //这也是赋值的一种方式console.log(obj)//assign的意思是把一个对象内的属性转给另一个对象这也叫做深拷贝。let teacher {} //新的对象 老师Object.assign(teacher,obj) //把obj这个对象里的转给新建的这个teacher对象//如何验证是否转移成功方法,先console一下teacher里的值console.log(teacher)//再给teacher添加一个属性再打印看看其他属性还在不在。teacher.birth1993-01-01console.log(teacher)//再看一下obj原来的数组元素console.log(obj)//深拷贝写法2let teacher1Object.assign({},obj)console.log(teacher1)//深拷贝写法3let teacher3 JSON.parse(JSON.stringify(obj))//这样的方式叫浅拷贝即往新的对象中添加一个元素这个增删改查的元素会同步到obj对象中let teacher2 objteacher2.xxxhhhconsole.log(teacher2)console.log(obj)/script其他操作
1、obj[a]1;括号法赋值
obj[address]北京市朝阳区 //这也是赋值的一种方式console.log(obj)
2、Object.assign() :拷贝
let teacher {} //新的对象 老师Object.assign(teacher,obj) //把obj这个对象里的转给新建的这个teacher对象
3、let{name}user 拿对象里的属性 let{xxx}objconsole.log(xxx) 4、有时候我们想把对象a内的值给对象b但是在你不确定a有没有那个值以下有三种格式可以避免程序报错,这样写也可以让程序更健康。
一、?. ba?.name(a是undefined或者nullb不报错 //赋值1:let a undefinedlet ba?.x //a是undefined或者nullb不报错。console.log(b) //b输出是undefined
二、?? ba??c a是undefined或者null则赋值c给b //赋值2有点类似于三目运算符let a1undefinedlet c11let b1a??c1 //如果问号左边是undefined或者null的话则自动用问号右边的值console.log(b1) //b1输出结果是1
也可以这样写localStorage.getItem(user)??{} 或者这样写也可以来个空json
let b1localStorage.getItem(user)??{}
或者这样
let b1JSON.parse(localStorage.getItem(user)??{})
这样的写法不会报错。
在控制台里的application的local storage里新增一个‘user对象 这样写的话就要求你对象里的数据必须是一个标准的JSON格式。 三、|| ba||c a是undefined或者null则取c)
let res;
let res1 res || {}console.log(res1.name) //输出结果是undefined四、?? b ??a左侧是undefined或者null则取右侧的值
let a;
let b 1;
console.log(a ??b) //输出结果为1
知识补充 //数字也可以作为js的一个keylet jsObj{1:a,2:b}//[]还可以访问字符串的属性console.log(jsObj[1]) //访问js数字属性的方法输出结果为a
给对象的属性加一些值以及如何写js的循环语句
//在 JavaScript 中const 是用来声明一个常量的关键字 你发现if语句里的东西没有正确显示此时你可以debugger
debugger是快速定位并且解决问题的方式
如何debugger
sources源代码 block代码块 所以此时你就知道问题在在于if语句的判断条件里的key值应该是字符串形式改过来即可。 数组的增删改查
一、新增一个数组 去查看数组里指定的某一位结果 console.log(arr1[0]) //输出结果是undefined
往已经有元素的数组里再加新的内容 arr1.push(嘻嘻)console.log(arr1)修改直接改 arr1[2]trueconsole.log(arr1) tips: 删除
删除方法一splice 删除方法三shiftshift就是默认删除首位元素 删除方法四pop默认删除末尾元素 数组的其他操作
slice切割元素 concat:合并数组 split字符串变成数组
把每一个字都分割成了数组的一个元素
形式一 let str 逆风如解意容易莫摧残console.log(str.split()) 形式二
根据特定的字符去切割成若干个元素 join把数组里的每一个元素变成一个新的字符串
let arrB[1,2,3,4]console.log(arrB.join()) //输出结果是1,2,3,4也可以把你的数组里的每一个元素和你join括号内的分隔符拼在一起变成一个新的字符串
let arrB[1,2,3,4]console.log(arrB.join(|||||))//输出结果为1|||||2|||||3|||||4 sort排序注意这里的坑这里的排序规则不是按照阿拉伯数字大小去排列的而是按照unicode编码顺序。
let sortArr[1,2,10]let newSortArrsortArr.sort() //unicode编码排序console.log(newSortArr) //结果是[1,10,2]而不是[1,2,10]解决方法加一个小函数做判断
let sortArr[1,2,10]let newSortArrsortArr.sort((a,b)a-b)console.log(newSortArr) //结果是[1,2,10] reverse函数翻转把顺序颠倒过来
这里虽然没有坑但是如果你想要排列顺序按照阿拉伯数字的逻辑的话也要加小函数做判断
let reverseArr[1,2,10,8,6,22,11]console.log(reverseArr.reverse()) //输出结果[11, 22, 6, 8, 10, 2, 1]//所以要这样写console.log(reverseArr.sort((a,b)b-a)) //输出结果[22, 11, 10, 8, 6, 2, 1]indexOf获取元素下标但是如果括号里写了3此时数组里没有下标为3的则会显示-1有的话会从下标为0的位置开始获取。
lastindexOf则是相反的规则
let indexArr[1,2,3]console.log(indexArr.indexOf(2)) //输出结果1 加入现在有两个数组,把年龄大于20的添加到新数组里去如果直接写代码的话非常麻烦 let users[{name:张三,age:20},{name:李四,age:21}]let newUsers []//遍历users这个数组aaa是我自主命名的参数users.forEach(aaa{if(aaa.age20){newUsers.push(aaa)}})console.log(newUsers)神器filter let newUser1users.filter(aaa aaa.age20)console.log(newUser1) 也可以再多加条件 功能二删除数组中的某一项正常写 用filter 神器find快速查找某一个元素
有两种方法 神器map
例如想把一个数组的所有人的名字给找到 reduce有五个属性但常用就三个。
pre之前所有操作的结果
current当前的一个操作
0:初始值
cuurent.age表示每一个对象的年龄加上之前所有的年龄之和再通过一个数值0来赋值。
例1:想对某一数组里所有年龄求和 let users[{name:张三,age:20},{name:李四,age:21},{name:王二,age:22}]let sumusers.reduce((pre,current){return pre current.age},0)console.log(sum) //63
例2:统计数组里每一个人出现的次数
// 定义了一个包含用户信息的数组
let users [{ name: 张三, age: 20 },{ name: 张三, age: 20 },{ name: 张三, age: 20 },{ name: 李四, age: 21 },{ name: 王二, age: 22 }
];// 使用 reduce 方法统计相同姓名的用户数量
let count users.reduce((pre, current) {// 检查当前姓名是否已经存在于结果对象 pre 中if (current.name in pre) {// 如果存在则递增对应姓名的计数pre[current.name];} else {// 如果不存在则将当前姓名添加到结果对象并初始化计数为 1pre[current.name] 1;}// 返回更新后的结果对象return pre;
}, {}); // 初始值为一个空对象// 打印输出统计结果显示每个姓名对应的数量
console.log(count);更详细的注解
pre 是在每一次迭代中被累积的结果对象current 是数组中的当前元素。
if (current.name in pre) 检查 pre 对象中是否已经存在了以 current.name 为键的属性。如果存在表示这个姓名已经在 pre 对象中有对应的属性了那么就将该属性对应的值加 1。这意味着这个姓名已经出现过计数加一。如果不存在意味着这是第一次遇到这个姓名那么就需要在 pre 对象中创建一个新的属性键是 current.name并将这个属性的值初始化为 1。这样就表示这个姓名出现了一次。
最后返回更新后的 pre 对象作为下一次迭代的起始值。由于初始值 {} 为空对象用于存储姓名计数所以最终结果是一个对象键是姓名值是出现次数。 本章最后一个知识点
JSON——数据传输的格式前后端交互数据时以JSON这种格式来进行交互的
json其实就两种
1、json对象{}
2、json数组[] json数据格式要求
key必须是字符串{name:张三,age:23}
一个标准的json样式json里可以套用很多数据 可以去json.cn这个网站去验证json
