JavaScript基础
关注
分享
扫一扫
回顾js基础 级习题练习
某暴躁程序员
我的前端学习笔记 方便记忆回顾
展开
-
localstorage / sessionStorage / 用法 / 周期 / 结构 / 封装
一、基本使用方法localstorage 只有在相同的协议、相同的主机名、相同的端口下才能读取或者修改同一份localstorage 数据sessionstorage比localstorage更严苛一点，除了协议、主机名、端口外还要求在同一窗口（也就是浏览器的标签页）下二、存在周期localStoragelocalStorage理论上来说是永久有效的，即不主动清空的话就不会消失，即使保存的数据超出了浏览器所规定的大小，也不会把旧数据清空而只会报错。sessionStorage原创 2021-09-21 16:00:33 · 368 阅读 · 0 评论 -
双|| 双&& 双?? 语法 使用逻辑运算符处理需要条件判断的情况（||、&&、??）
使用逻辑运算符处理需要条件判断的情况身为前端萌新的我 在网上看大佬们的代码 还有在培训班里讲师写的代码 经常会出现||、&&、?? 这样的语法，我就很蒙蔽。在我的映像中 逻辑或||逻辑与&&都是在 if 判断语句中做判断条件的 于是我就简单了解一下 它们在表达式中的基本用法一、双 | | 语法如果 count 没有值，则取默认值 1let count;count = count || 1;console.log(count);这里要注意一下，只有给原创 2021-09-15 16:04:46 · 897 阅读 · 0 评论 -
数组求和 / 最大值 / 最小值 一行代码拿到数组的和 最大元素最小元素
一行代码数组求和 取出最大值和最小值求和：在我们对数组求和的时候通常都是用循环来实现示例：let arr = [1,2,3,4,5];// 求和let getSum = 0;arr.forEach(item => { getSum += item; return getSum}) console.log(getSum)// 打印的结果是 15这里我们可以使用 reduce 方法来更简便的实现 上方代码的功能 只需要一行代码就可以实现哦！console.log(a原创 2021-09-14 21:30:12 · 429 阅读 · 0 评论 -
剩余运算符、展开运算符、解构赋值 （...）用法及使用场景
剩余运算符（…）把不定数量的参数表示成为数组1. 当一个函数需要传参的时候，不知道具体参数的时候 可以使用剩余运算符代替看代码：function fn(...args) { console.log("...args 打印出来的是",args)}fn(1,2,3)上边的代码打印出来的结果就是[1, 2, 3]这个数组 所以说当给函数传参的时候 你不知道函数的参数具体有几个 就可以使用剩余运算符…来代替2. 当有两个参数的时候，我们再来看一下 打印的结果又是什么呢看代码：funct原创 2021-09-13 20:48:04 · 1193 阅读 · 1 评论 -
js数组 方法 map() filter() some() every() 的用法数组方法 改变原数组和不改变原数组
数组方法回顾刚开始 我们先回顾一下数组的其它方法 在深刻的记忆不看也会忘记改变原数组的方法pop() 删除数组的最后一个元素并返回删除的元素push() 向数组的末尾添加一个元素，并返回新的长度shift() 删除并返回数组的第一个元素unshift() 向数组的开头添加一个或多个元素，并返回新的长度reverse() 反转数组的元素排序sort() 对数组的元素进行排序splice() 用于插入 删除 和 替换数组元素不会改变原数组的：concat() 连接两个或多个数组，并返原创 2021-09-13 17:26:15 · 2102 阅读 · 0 评论 -
数组新增 set() {12, 34, 56}、map() {“a“ =＞ 1, “b“ =＞ 2} 数据结构 Set()和Map()的属性和方法
数组新增Set数据结构Set: 数据结构，类似于数组，但是它的值不会重复 值使用大括号对象形式{12，34，56}var s = new Set([12,34,12,34,56]);console.log(s); // {12, 34, 56} s并不是数组console.log(Array.from(s));// [12, 34, 56] 将伪数组转为数组var arr= [23,45,23,45];console.log(Array.from(new Set(arr))); /原创 2021-09-13 14:32:52 · 184 阅读 · 0 评论 -
字符串新增 includes()、startsWith()、endsWith()、fromCodePoint()、repeat()、模板字符串
字符串新增方法1. str.includes('字符串') 在字符串中判断是否包含某个元素，返回布尔值2. str.startsWith('字符串') 判断字符串是否以某个字符串开始，返回布尔值3. str.endsWith('字符串') 判断字符串是否以某个字符串结束，返回布尔值4. String.fromCodePoint(ASCII编码值) 根据 ASCII 编码找到对应的字符5. str.repeat(n) 让字符串重复 n 次6. 模板字符串： 字符串变量的表示${ }ES5 字符串原创 2021-09-13 14:02:51 · 172 阅读 · 0 评论 -
ToDoList 的实现
逻辑思路：结构：<body> <!-- 头部 --> <header> <div> <h3>ToDoList</h3> <input id="add" type="text" placeholder="添加ToDo"> </div> </header> <!-- 内.原创 2021-07-19 16:46:39 · 247 阅读 · 0 评论 -
js模拟点名器
JS模拟点名器先看效果图：开始界面点名界面结束点名界面功能实现先画出页面1.HTML 结构部分<body> <button id="btn_start">开始点名</button> <button id="btn_end">结束点名</button> <div> <p>宋江</p> <p>李逵</p&g原创 2021-06-17 21:18:12 · 205 阅读 · 0 评论 -
js 模拟验证码功能
模拟验证码的实现实现思想定义一个由数字和字母大小写组成的字符串使用charAt()方法和随机数——随机获取字符串的元素 使其拼接成一个四位元素的验证码Js实现代码 // 声明一个由数字和字母大小写组成的字符串 var str = '0123456789qwertyuiopASDFGHJKL'; // 空字符串后边拼接使用 var newStr = ''; console.log(str.length); //生成四位数的验证码 for(var i原创 2021-06-16 20:34:20 · 494 阅读 · 0 评论 -
indexOf() 数组去重
indexOf数组去重的两种方法第一种写法 var arr = [1,2,3,3,2,1]; var newArr = []; for(var i = 0; i < arr.length; i++){ if(newArr.indexOf(arr[i]) == -1){ newArr.push(arr[i]) } } console.log(newArr)第二种写法 var arr = [1,2,3,3,2,1];原创 2021-06-15 23:45:37 · 423 阅读 · 1 评论 -
数据类型转换
数据类型转换基本数据类型：string(字符串)、number(数字)、boolean(布尔)、undefined(未定义)、null(空)转数值：Number() — 将纯数字的字符串转为数字类型，会将true转为1，将false转为0Number('100') //100Number('10aa') //NaNNumber('abc') //NaNNumber(true) //1Number(flase) //0parseInt() — 将数字开头的字符串转为数值类型且保留整原创 2021-06-13 00:13:03 · 213 阅读 · 0 评论