需要前置审批的网站,移动端网站教程,wordpress问答主题,池州网站网站建设JS知识点 1.预解析2.作用域#xff1a;一个变量可以生效的范围,这个变量的使用范围就是作用域3.作用域访问规则4.我们的存储空间分成两种栈和堆5.数据类型分为基本数据类型和复杂数据类型6.冒泡排序和选择排序7.数组常用方法8.字符串常用方法9.json 是一种轻量级的数据交换格式… JS知识点 1.预解析2.作用域一个变量可以生效的范围,这个变量的使用范围就是作用域3.作用域访问规则4.我们的存储空间分成两种栈和堆5.数据类型分为基本数据类型和复杂数据类型6.冒泡排序和选择排序7.数组常用方法8.字符串常用方法9.json 是一种轻量级的数据交换格式,把字符串转换成公用的模式10.ES6 中引入了**模板字符串**让我们告别了使用大量 和 来连接字符串了写法。11.数字常用方法12.将日期字符串格式化成指定内容 1.预解析
因为是在所有代码执行之前进行解释需要解释的内容有两个
声明式函数 在内存中先声明有一个变量名是函数名并且这个名字代表的内容是一个函数 var 关键字 在内存中先声明有一个变量名
2.作用域一个变量可以生效的范围,这个变量的使用范围就是作用域 局部作用域 局部作用域就是在全局作用域下面有开辟出来的一个相对小一些的作用域在局部作用域中定义的变量只能在这个局部作用域内部使用在 JS 中只有函数能生成一个局部作用域别的都不行每一个函数都是一个局部作用域 全局作用域 全局作用域是最大的作用域在全局作用域中定义的变量可以在任何地方使用页面打开的时候浏览器会自动给我们生成一个全局作用域 window这个作用域会一直存在直到页面关闭就销毁了
3.作用域访问规则
首先在自己的作用域内部查找如果有就直接拿来使用作用域的查找机制只能是向上找不能向下找
4.我们的存储空间分成两种栈和堆
栈 主要存储基本数据类型的内容堆 主要存储复杂数据类型的内容复杂数据类型是地址之间的比较 var obj { name: Jack }var obj2 { name: Jack }console.log(obj obj2) // false因为我们创建了两个对象那么就会在 堆空间 里面开辟两个存储空间存储数据两个地址虽然存储的内容是一样的那么也是两个存储空间两个地址复杂数据类型之间就是地址的比较所以 obj 和 obj2 两个变量的地址不一样所以我们得到的就是 false
5.数据类型分为基本数据类型和复杂数据类型
基本数据类型 number / string / boolean / undefined / null复杂数据类型 object / function / array
6.冒泡排序和选择排序 for (var j 0; j arr.length-1; j) {for (var i 0; i arr.length-j-1; i) {// 判断如果数组中的当前一个比后一个大那么两个交换一下位置if (arr[i] arr[i 1]) {var tmp arr[i]arr[i] arr[i 1]arr[i 1] tmp}}}选择排序for (var j 0; j arr.length - 1; j) {var minIndex jfor (var i j 1; i arr.length; i) {if (arr[i] arr[minIndex]) {minIndex i}}if (minIndex ! j) {var tmp arr[minIndex]arr[minIndex] arr[j]arr[j] tmp}}
7.数组常用方法
push-是用来在数组的末尾追加一个元素 var arr [1, 2, 3] var resarr.push(4)//会改变原始数组 console.log(arr) // [1, 2, 3, 4] console.log(res) //4 pop-是用来删除数组末尾的一个元素 var arr [1, 2, 3] var resarr.pop()//会改变原始数组 console.log(arr) // [1, 2] console.loh(res) unshift-是在数组的最前面添加一个元素 var arr [1, 2, 3] arr.unshift(4)//会改变原始数组 console.log(arr) // [4, 1, 2, 3] shift-是删除数组最前面的一个元素 var arr [1, 2, 3] arr.shift()//会改变原始数组 console.log(arr) // [2, 3] splice(从哪一个索引位置开始截取多少个替换的新元素)-是截取数组中的某些内容按照数组的索引来截取 var arr [1, 2, 3, 4, 5] arr.splice(1, 2)//会改变原始数组 console.log(arr) // [1, 4, 5] reverse-是用来反转数组使用的 var arr [1, 2, 3] arr.reverse() console.log(arr) // [3, 2, 1] sort-是用来给数组排序的 var arr [2, 3, 1] arr.sort()//会改变原始数组 console.log(arr) // [1, 2, 3] concat-是把多个数组进行拼接 var arr [1, 2, 3] var newArr arr.concat([4, 5, 6])//不会改变原始数组 console.log(arr) // [1, 2, 3] console.log(newArr) // [1, 2, 3, 4, 5, 6] join-是把数组里面的每一项内容链接起来变成一个字符串 var arr [1, 2, 3] var str arr.join(‘-’) //不会改变原始数组 console.log(arr) // [1, 2, 3] console.log(str) // 1-2-3 indexOf-用来找到数组中某一项的索引 var arr [1, 2, 3, 4, 5] var index arr.indexOf(3) console.log(index) // 3 的下标为 2 如果你要找的内容在数组中没有那么就会返回 -1 forEach-是用来遍历数组的 var arr [1, 2, 3] arr.forEach(function (item, index, arr) { // item 就是数组中的每一项 // index 就是数组的索引 // arr 就是原始数组 console.log(数组的第 ’ index ’ 项的值是 ’ item ‘原始数组是’, arr) }) 数组的长度是多少这个函数就会执行多少回 map-和 forEach 类似只不过可以对数组中的每一项进行操作返回一个新的数组 var arr [1, 2, 3] // 使用 map 遍历数组 var newArr arr.map(function (item, index, arr) { // item 就是数组中的每一项 // index 就是数组的索引 // arr 就是原始数组 return item 10 }) console.log(newArr) // [11, 12, 13] filter-把原始数组中满足条件的筛选出来组成一个新的数组返回 var arr [1, 2, 3] var newArr arr.filter(function (item, index, arr) { // item 就是数组中的每一项 // index 就是数组的索引 // arr 就是原始数组 return item 1 }) console.log(newArr) // [2, 3] reduce-叠加 var arr[1,2,3,4,5] var arr2arr.reduce(function(prev,item){ return previtem//prev 是上一次的 return 值 },0)//初始值为 0 console.log(arr2) 8.字符串常用方法
charAt返回索引对应的字符 var str “Jack”; var index str.charAt(2); console.log(index); // c charCodeAt:就是返回对应索引位置的 unicode 编码 var str “Jack”; var index str.charCodeAt(0); console.log(index); // 74 toUpperCase() toLowerCase()转换大小写 var str hello; var upper str.toUpperCase(); console.log(upper); // HELLO var lower upper.toLowerCase(); console.log(lower); // hello substr(开始索引长度) substring(开始索引结束索引) slice(开始索引结束索引)replace 替换正则表达式替换某个字符 str.replace(“a”,“*”)split 分割str.split(“|”)indexOf(lastIndexOf 从后面查)查找字符的下标 var str “Jack”; var index str.indexOf(“J”); console.log(index); // 0 concat 连接字符串trim 去掉首尾空格
9.json 是一种轻量级的数据交换格式,把字符串转换成公用的模式
JSON 和 JS 对象互转
要实现从 JSON 字符串转换为 JS 对象使用 JSON.parse() 方法
var obj JSON.parse({a: Hello, b: World}); //结果是 {a: Hello, b: World}要实现从 JS 对象转换为 JSON 字符串使用 JSON.stringify() 方法
var json JSON.stringify({a: Hello, b: World}); //结果是 {a: Hello, b: World}10.ES6 中引入了模板字符串让我们告别了使用大量’’ 和 来连接字符串了写法。
要创造一个模板字符串只需要使用反引号将字符串包起来模板字符串中的变量用${变量名}替代即可
var a o,;var b d!
console.log (Hell${a}worl${b});多行字符串:在模板字符串内换行和空格是会保存并展示出来的 var a o,;var b d!console.log(Hell${a}worl${b});调用函数 function string(){return Hello;}console.log(${string()} world!);11.数字常用方法
Math.random() 这个方法是用来生成一个 0 ~ 1 之间的随机数Math.round() 是将一个小数 四舍五入 变成一个整数Math.abs() 是返回一个数字的 绝对值Math.ceil() 是将一个小数 向上取整 得到的整数Math.floor() 是将一个小数 向下取整 的到的整数Math.max() 得到的是你传入的几个数字之中 最大 的那个数字Math.min() 得到的是你传入的几个数字之中 最小 的那个数字Math.PI 得到的是 π 的值也就是 3.1415936...
12.将日期字符串格式化成指定内容
getFullYear() 方式是得到指定字符串中的哪一年getMonth() 方法是得到指定字符串中的哪一个月份getDate() 方法是得到指定字符串中的哪一天getHours() 方法是得到指定字符串中的哪小时getMinutes() 方法是得到指定字符串中的哪分钟getSeconds() 方法是得到指定字符串中的哪秒钟getDay() 方法是得到指定字符串当前日期是一周中的第几天周日是 0周六是 6getTime() 方法是得到执行时间到 格林威治时间 的毫秒数时间戳
来源千锋kerwin前端JS视频
