Javascript
文章平均质量分 55
Javascript的初级高级进阶内容均有,还有各种实例,例题给大家参考
想被带飞的鱼
前段小白一枚,正努力学习当中,一起进步吧。
展开
-
运算符介绍
算数运算符,赋值运算符,关系运算符,逻辑运算符(&&、|| 和 !的优先级为:! > && > ||):||的短路运算,&&短路运算一:按操作个数分类a.一元运算符 例:typoefb.二元运算符 例:* /c.三元运算符 例:三目运算二:按用法分类原创 2022-01-11 16:44:42 · 184 阅读 · 0 评论 -
数据类型的转换
数据类型的转换:1.转换成字符串( 变量.toString() String()强制转换 利用+做字符串拼接转换);2.转换成数字型;(parseInt(变量) parseFloat(变量) Number()转换 利用算术运算转换- */都行,注意没有+ )3.转换成布尔型(Boolean())原创 2022-01-11 11:49:21 · 362 阅读 · 0 评论 -
Javascript流程控制语句(顺序结构、分支结构和循环结构)
流程控制语句:1.分支结构 单分支if ;双分支 if else ;多分支 if else if和多分支 switch2.顺序结构3.循环结构 for循环,while循环,do....while循环4.continue和break的使用原创 2022-01-13 16:31:50 · 104 阅读 · 0 评论 -
Javascript的标识符和数据类型
七:标识符(指变量名、函数名、属性名都属于标识符) 以数字,字母,下划线,$组成 不能以数字开头 望文知意 驼峰命名法。首字母小写,每个单词的开头字母大写,其余字母小写。 禁止使用ES关键字和保留字 关键字:ES描述了一组具有特定用途的关键字,用来表示控制语句的开始,结束,或是用来执行特定的操作等,开放式不能再充当变量名,方法名,例如if ,else,return,break 保留字:在该版本还没有成功成为关键字,但有可能在下一个版..原创 2022-01-11 09:41:11 · 506 阅读 · 0 评论 -
什么是标识符?标识符的命名规范和命名方式?
什么是标识符?标识符的命名规范和命名方式?原创 2022-01-12 09:33:01 · 1003 阅读 · 0 评论 -
数组的方法和用法
数组的属性和方法:方法:[增]:.unshift() .push()[删]:.shift() .pop()[改]:arr[2]='nihao'[查]:.includes() .indexOf() .lastlndexOf()1.数组的遍历:for...in for...of 直接for循环2.slice(批量获取数据),splice(有删除,修改的功能),reverse(数组的倒叙输出)split,...运算符,join,copyWithin(复制),concat,fill(填充)原创 2022-01-27 21:17:12 · 718 阅读 · 0 评论 -
ATM机(高阶版)
ATM机(高阶版)规则:在数组里面存入多个用户,来使用判断多个用户的登录且只有三次机会法1:const re = require('readline-sync');let arr = [ '1', '1', 100, '2', '2', 200, '3', '3', 300];//法1:let username, pwd, f = true; //f控制业务选择的循环for (let k = 3; k > 0; k--) {//控制登录次数 cons原创 2022-02-06 21:32:21 · 179 阅读 · 0 评论 -
ATM机(高阶函数版)
ATM机(高阶函数版)运用函数实现了ATM机的登陆,注册,存钱,取钱,查看余额,转账,切换账户,改密码,退出。//老师版ATM机const re = require('readline-sync');let arr = [ 'z1', '1', 100, 'z2', '2', 200, 'z3', '3', 300];//主程序function atm() { let count = 3; //登录次数 let state = true; //主原创 2022-02-13 20:19:52 · 189 阅读 · 0 评论 -
ATM机(函数版)
ATM机(函数版)ATM机运用函数控制//ATM机器函数版const re = require('readline-sync');let arr = [ 'z1', '1', 100, 'z2', '2', 200, 'z3', '3', 300];//主程序function atm() { login();}//登录function login() { let count = 3; let state = true; let原创 2022-02-11 09:41:59 · 502 阅读 · 0 评论 -
for循环运用(各种例题)
练习1:[九九乘法表]练习2[平行四边形]练习3:[正三角形]原创 2022-01-30 10:47:26 · 576 阅读 · 0 评论 -
函数的创建,属性和方法
函数的4种创建方法,函数的三要素:函数名、参数、返回值,函数的提升;数组的增添方法:1,sort(),2,every(),3,some(),4,filter(),5.reduce(),6,reduceRight(),7,toString(),8,valuuuuueOf(),9,forEach(),10,map()用箭头函数求,数组的并集,交集和差集原创 2022-02-13 21:11:52 · 345 阅读 · 0 评论 -
Javascript实现数组的查重
数组的查重法1:let arr = [1,2,3,1,1,2,3,2,3,2,1,1,2,3,1,1,2];let temp,index,sum;for(let i=0;i<arr.length;){ // console.log(arr[i]); temp = arr.indexOf(arr[i]); // console.log(temp); index = arr.lastIndexOf(arr[i]); // console.log(index)原创 2022-02-03 21:01:31 · 2461 阅读 · 0 评论 -
冒泡排序和选择排序
【冒泡排序】1. 概念:概念:相邻两个值比较(比较一次出一个最大值)【选择排序】概念:以第一个值开头,依次比较后面的数找到一个最小的数就和第一个数交换原创 2022-02-01 18:13:36 · 296 阅读 · 0 评论 -
ES6映射
声明映射的方法映射的方法:1:增 set() 2:获取 get()原创 2022-02-15 09:17:12 · 578 阅读 · 0 评论 -
ATM机(基础版):给出帐号密码,判断操作
ATM机(基础版)(给出帐号密码,判断操作)//1.基础版atm机(给出帐号密码,判断操作)const readline = require('readline-sync');console.log('请输入帐号');let na = readline.question();console.log('请输入密码');let pwd = readline.question();let name = 'lili'; passworld = 123; money = 1000;let i = tr原创 2022-02-04 21:26:54 · 437 阅读 · 0 评论 -
readline
readline-sync模块实现用户键盘输入原创 2022-01-28 11:24:49 · 543 阅读 · 0 评论 -
四位数的猜数游戏
猜数游戏规则:随机出四个数字且四位数字不相等且里面不能包含0,要求只能猜数10次,定义一个几a几b来提示自己数字对了几个,当猜数和你输入的数字:值相等且位置相等时a加1(a加了这个数字后b就不能加这个数字了),当里面有值相等且位置不同时b加1;知道输出的提示为4a0b时,则输出猜数正确,猜数为XXXX.const re = require('readline-sync');原创 2022-01-31 09:44:45 · 5578 阅读 · 2 评论 -
Javascript对象
声明对象的方式:1.字面量2,构造函数对象的初始化对象的方法:【增】【删】【改】【查】this的指向原创 2022-02-15 09:14:58 · 237 阅读 · 0 评论 -
输入年月日,各种判断年份(平润年)来输出这是多少年的第几天
用switch方法和if方法两种方式来实现:通过输入年月日,各种判断年份(平润年)来输出这是多少年的第几天原创 2022-02-02 20:43:10 · 6385 阅读 · 1 评论 -
ATM机(进阶版)
ATM机(进阶版)规则;(加入了用户和密码一共只有三次机会,机会用完了,退出循环)法1:(和法2稍有一些差别)//方法1(和法2稍有一些差别)const readline = require('readline-sync');let pwd,userName,count=3;let name = 'lili'; passworld = 123; money = 1000;let i = true; while(count){ //while(count>0&&原创 2022-02-05 10:09:07 · 417 阅读 · 0 评论 -
猜数游戏获取随机数的四种方法
随机数规则:随机出四位数,且四位数的值不相等且里面不包含0这个数字原创 2022-01-31 09:42:11 · 2792 阅读 · 0 评论 -
ES6 集合 Set()
5.ES6 集合 Set()概念:一个标识符,存储多个数据(没有全等的重复值)特点:数据不可重复(全等)1.创建集合的方式let set = new Set();console.log(set); ////Set(0) {}集合用{}表示let obj = new Object();console.log(obj); //{}【集合的方法和属性】2.属性集合的长度size书写格式:集合.size返回值:集合存储数据的个数console.log(set.size);原创 2022-02-09 22:19:11 · 368 阅读 · 0 评论 -
ATM(对象版)
ATM(对象版)//ATM对象版1const re = require('readline-sync');/* let arr = [ 'z1', '1', 100, 'z2', '2', 200, 'z3', '3', 300]; */let arr = [ { userName: 'z1', userPwd: 1, userMoney: 1000 }, { userName: 'z2',原创 2022-02-15 11:45:29 · 176 阅读 · 0 评论 -
while循环运用(各种小练习)
各种小练习:练习1:1+....+100等于练习2:100以内奇数项的和与偶数项的和练习3:水仙花数练习4:判断回文12321练习5:判断回文,while和for循环嵌套原创 2022-01-29 23:17:06 · 722 阅读 · 0 评论 -
对象的解构
对象的解构解构:ES6的一种语法糖,用于快速获取对象中的属性 <script> let obj = { name: "张三", age: 36, intro:function(){ console.log(`我叫${this.name},年龄${this.age}`); } } //对象的解构 let原创 2022-03-13 23:16:48 · 430 阅读 · 0 评论 -
表单验证的实现
表单验证实现输入的内容符合我制定的标准返回√否则返回X,在点击提交按钮的时候,只有在我输入的表单域全部符合我制定的标准时,才能提交过去<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" co原创 2022-03-06 23:06:26 · 216 阅读 · 0 评论 -
数组的方法大全
.unshift,.push,.shift,.pop,.includes,.indexOf,.lastIndexOf,.slice,.splice,.reverse,.split,...,.concat,.join,.copyWithin,.fill,.sort,.every(),.some(),.some(),.reduce(),.reduceRight(),.toString(),valueOf(),findIndex(),.find(),forEach,map。原创 2022-02-16 12:49:34 · 305 阅读 · 0 评论 -
Javascript表单编程
Javascript表单编程一:获取表单元素<body> <form action="#" id="forml" name="forml"> <div> <label for="usernaem"> 账户:<input type="text" name="username" id="username"> </div> <di原创 2022-03-07 15:11:45 · 1377 阅读 · 0 评论 -
JavaScript事件
JavaScript事件一:概述JavaScript 和 HTML 之间的交互是通过当用户或者浏览器操作网页时发生的事件来处理的。页面装载时,是一个事件,用户点击页面上的某个按钮时,也是一个事件。在早期拨号上网的年代,如果所有的功能都放在服务器端进行处理的话,效率是非常低的。所以 JavaScript 最初被设计出来就是用来解决这些问题的。通过允许一些功能在客户端处理,以节省到服务器的往返时间。JavaScript 中采用一个叫做事件监听器的东西来监听事件是否发生。这个事件监听器类似于一个通知,原创 2022-03-07 15:11:17 · 580 阅读 · 0 评论 -
js实现出拳游戏
js实现出拳游戏内容:玩家和电脑进行猜拳游戏,玩家进行点击剪刀石头布出拳,而电脑是随机出拳,只能进行10次游戏,谁赢一次叠加10分,最后输出结果html代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name原创 2022-03-13 23:11:00 · 5753 阅读 · 0 评论 -
Js简朴原生实现弹框
Js简朴原生实现弹框<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <原创 2022-02-25 21:55:33 · 1552 阅读 · 0 评论 -
JavaScript内置对象
内置对象概念:内置对象就是指这个语言自带的一些对象,供开发者使用,这些对象提供了一些常用的或是最基本而必要的功能。js上的内置对象有:Math String,Array, Date,location【Math】不能用构造函数的方式创建,无法初始化,只有静态属性和方法【静态属性】1..PI圆周率Πconsole.log(Math.PI) //3.141592653589793【静态方法】1..ceil()向上取整let float = 23.56;console.log(M原创 2022-02-22 09:12:42 · 127 阅读 · 0 评论 -
JavaScript BOM
JavaScript BOMBOM概念:所谓 BOM,英语全称为 Browser Object Model,翻译成中文为浏览器对象模型。一:浏览器引入js的方法【外部引用】<!-- 1.外部引用js --> <script src="./index3.js"></script>【内部引用】 <!-- 3.内部引入js --> <script> function foo(){ co原创 2022-02-25 21:33:47 · 122 阅读 · 0 评论 -
Javascript方法实现拖曳和用HTML实现拖曳
Javascript方法实现拖曳和用HTML实现拖曳原创 2022-03-06 23:00:52 · 109 阅读 · 0 评论 -
JavaScript异常处理
JavaScript异常处理一:异常处理【错误类型】Error(错误)表示系统级的错误和程序不必处理的异常,是 JavaScript 运行环境中的内部错误或者硬件问题,比如,内存资源不足等。对于这种错误,程序基本无能为力,除了退出运行外别无选择。系统错误程序错误用户错用【异常】所谓异常,表示需要捕捉或者需要程序进行处理的地方,它处理的是因为程序设计的瑕疵而引起的问题或者在外的输入等引起的一般性问题,是程序必须处理的。【error对象】创建错误let err = new Erro原创 2022-02-25 21:32:33 · 724 阅读 · 0 评论 -
JSON概述和方法
JSON语法:let obj = { "数据1":"数据值", "数据2":"数据值"}JSON里面不能使用单引号json对象和字符串之间的转换JSON.parse:字符串转换为JSON对象JSON.stringify:JSON对象转换为字符串delete 属性:删除一个属性instanceof :检测对象的类型,返回布尔值子类同样属于父类类型class People{};class Animal{};class ChinesePeopl原创 2022-03-13 23:16:16 · 542 阅读 · 0 评论 -
Javascript深克隆和浅克隆
深克隆和浅克隆浅克隆:只需要拷贝对象中的原始类型值,引用类型拷贝的仍然是地址深克隆:无论是原始类型还是引用类型都会进行拷贝,包括引用类型中还有其他引用类型的质。 <script> let obj = { name: "张三", age: 36, addr: ['1','2','3'], intro:function(){ console.log原创 2022-03-13 23:18:04 · 502 阅读 · 0 评论 -
js实现扑克牌游戏
js实现扑克牌游戏实现有三位玩家各执一方,点击中间出牌按钮随机三方牌和三张底牌html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-原创 2022-03-13 23:12:57 · 746 阅读 · 0 评论 -
Javascript实现二级省城市联动
Javascript实现二级省城市联动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2022-03-06 23:01:25 · 980 阅读 · 3 评论 -
Javascript DOM
Javascript DOM一:概述概念:DOM 的英语全称为 Document Object Model,翻译成中文就是文档对象模型。也就是说,将整个文档看作是一个对象。而一个文档又是由很多节点组成的,那么这些节点也可以被看作是一个个的对象。作用:浏览器提供的操纵 HTML 文档内容的应用程序接口用于对文档进行动态操作,如增加文档内容,删除文档内容,修改文档内容等等历史:**DOM Level 0:**首先,我们需要确定的是在 DOM 标准中并没有 DOM 0 级这个级别。所谓的原创 2022-02-25 21:36:04 · 279 阅读 · 0 评论