JavaScript学习_20220630
2022/7/1 14:23:29
本文主要是介绍JavaScript学习_20220630,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
1. 前端三要素
- HTML(结构):超文本标记语言,决定网页的结构和内容
- CSS(表现):层叠样式表,设定网页的表现样式
- JavaScript(行为):弱类型脚本语言,用于控制网页的行为
2. 基础知识
(1)console.log(score) 在浏览器的控制台打印变量!(System.out.println())
(2)比较运算符:
- ==等于(类型不一样,值一样,会判断为true)
- ===绝对等于(类型一样,值一样,才会判断为true)
- NaN===NaN,这个NaN与所有的数值都不相等,包括自己,只能通过isNaN(NaN)来判断这个数是否是NaN
- 尽量避免使用浮点数进行运算,存在精度问题,Java中一般都采用java.math.BigDecimal类来进行精确计算。JavaScript使用Math.abs(x-y)<0.0000001来判断。
(3)字符串和数组操作
'use strict'; : 严格检查模式,预防JavaScript的随意性导致产生的问题,必须写在JavaScript的第一行。
多行字符串编写
<script> 'use strict' var msg = ` hello world! `; alert(msg); </script>
模板字符串
<script> 'use strict'; let name = "张三"; let age = 9; let msg =`你好呀!${name},你今年有${age}岁! ` alert(msg); </script>
字符串操作
var st = "qwertyui" console.log(st.length) // 8 st[0]=1 //1 console.log(st)//qwertyui 字符串的不可变性 console.log(st.toLocaleUpperCase()) //QWERTYUI 方法不是属性 console.log(st[5]) // y console.log(st.substring(3))//rtyui 从第4个字符截取到最后一个字符组成的字符串 console.log(st.substring(3,6))//rty [3,6)
数组
var arr = [1,2,3,4,5,6] console.log(arr)//(6) [1, 2, 3, 4, 5, 6] arr[1]=1 console.log(arr)//(6) [1, 1, 3, 4, 5, 6] arr.length=10 console.log(arr)// (10) [1, 1, 3, 4, 5, 6, empty × 4] arr.length=3 console.log(arr)// (3) [1, 1, 3] //数组可变,长度也可变,增加的元素为空,如果赋值过小,元素会丢失 arr.slice(1,5)//(4) [2, 3, 4, 5] 和字符串的substring作用一致
push():在尾部压入
pop():弹出尾部的一个元素
arr.push("a","b") arr//(8) [1, 2, 3, 4, 5, 6, 'a', 'b']在尾部加入 arr.pop() arr//(7) [1, 2, 3, 4, 5, 6, 'a']
unshift():在头部压入
shift():弹出头部的一个元素
sort():元素排序
reverse():元素反转
concat():不修改数组,会返回一个新的数组
join():打印拼接数组,使用特定的字符串连接
多维数组
var a=[[1,2],[3,4],["A","B"]]
数组:存储数组(如何存,如何取)
(4)对象
若干个键值对:
var 对象名={ 属性名:属性值, 属性名:属性值, 属性名:属性值 }
JavaScript中的所有的键都是字符串,值是任意对象!
对象使用大括号,数组是中括号
<script> var person={ name:"张三", age:3, tags:['js','java','web','...'] } </script>
person.name //'张三' 获取值 person.age = 19 //赋值 person.hh //undefined 使用一个不存在的对象属性,不会报错 delete person.tags //true 通过delete动态删减属性 person //{name: '张三', age: 19} person.email = "123456" //通过赋值增加对象属性 person //{name: '张三', age: 19, email: '123456'} person['age'] //19 取值 'age' in person //true 判断属性值是否在这个对象中 'toString' in person //true 判断方法是否在这个对象中 person.hasOwnProperty('email')//true 判断一个属性是否是这个对象自身拥有的 person.hasOwnProperty('toString')//false
(5)流程控制
var s=[1,2,3,12,34,56,76,85,453]; // for(var index in object) for(var x in s){ console.log(s[x]); } for(var x of s){ console.log(x); }
(6)Map和Set
Map
var map = new Map([['Jack','songer'],['Ethan','giter']]); map.set("Tom","cat"); //新增及修改 var name = map.get('Jack');//获得key中的值 console.log(name); console.log(map); map.delete('Ethan');
Set:无序不重复的集合
var set = new Set([3,1,1,1,,2]);//set可以去重 console.log(set) // Set(4) {3, 1, undefined, 2} set.add(4); //添加 set.delete(1);//删除 set.has(3);//是否含有元素
(7)iterator
遍历数组
var arr = [3,2,6]; for(let x of arr){ console.log(x); //3 2 6 }
遍历Map
var map = new Map([['tom',100],['jack',90],['jerry',40]]); for(let x of map){ console.log(x);//(2) ['tom', 100] (2) ['jack', 90] (2) ['jerry', 40] }
遍历Set
var set = new Set([5,8,90]); for (var x of set){ console.log(x); //5 8 90 }
这篇关于JavaScript学习_20220630的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-09-28微服务架构中API版本控制的实践
- 2024-09-28AI给的和自己写的Python代码,都无法改变输入框的内容,替换也不行
- 2024-09-27Sentinel配置限流资料:新手入门教程
- 2024-09-27Sentinel配置限流资料详解
- 2024-09-27Sentinel限流资料:新手入门教程
- 2024-09-26Sentinel限流资料入门详解
- 2024-09-26Springboot框架资料:初学者入门教程
- 2024-09-26Springboot框架资料详解:新手入门教程
- 2024-09-26Springboot企业级开发资料:新手入门指南
- 2024-09-26SpringBoot企业级开发资料新手指南