
JavaScript
前端三剑客之JavaScript,页面的魂!
玉安_ZhangDe
web前端后进之学。
咬定青山不放松,自缘身在破岩中。
千磨万击还坚劲,任尔东西南北风。
展开
-
JS学习28:replace() 和 split()方法
replace()方法replace() 方法用于在字符串中用一些字符替换另一些字符,其使用格式如下:replace(oldStr,newStr);//将oldStr替换为newStrsplit()方法split()方法用于切分字符串,它可以将字符串切分为数组。在切分完毕之后,返回的是一个新数组。 其使用格式如下: 字符串.split("分割字符")// 1. 替换字符 replace('被替换的字符', '替换为的字符') 它只会替换第一个字符var str = '原创 2022-05-11 15:53:04 · 798 阅读 · 0 评论 -
JS学习27:indexOf() 和 charAt()
方法名 说明 使用 indexOf('要查找的字符',开始的位置) 返回指定内容在原字符串中的位置,如果找不到就返回-1,开始的位置是 index 索引号 str.indexOf('要查找的字符',开始的位置) charAt(index) 返回指定位置的字符(index 字符串的索引号) str.charAt(0) 注意:字符串可以通过str[index]方式获取指定位置字符,因为字符串是字符数组。// 字符串对象 根据字符返回位置 str.inde原创 2022-05-11 15:49:24 · 630 阅读 · 0 评论 -
JS学习26:数组对象 之 数组转换为字符串
数组中有把数组转化为字符串的方法,部分方法如下表注意:join方法如果不传入参数,则按照 “ , ”拼接元素 // 数组转换为字符串 // 1. toString() 将我们的数组转换为字符串var arr = [1, 2, 3];console.log(arr.toString()); // 1,2,3// 2. join(分隔符) var arr1 = ['green', 'blue', 'pink'];console.log(arr1.join()); // green,b.原创 2022-05-11 15:34:16 · 5042 阅读 · 0 评论 -
JS学习25:数组对象 之 添加&删除数组元素的方法
数组对象 之 添加删除数组元素的方法原创 2022-05-11 15:31:20 · 890 阅读 · 0 评论 -
JS学习24:数组对象 之 检测是否为数组
instanceof 运算符 instanceof 可以判断一个对象是否是某个构造函数的实例 语法: A instanceof B : 判断A是否是B的一个实例(对象)举个栗子;var arr = [1, 23];var obj = {};console.log(arr instanceof Array); // true,arr是不是Array的实例?是的console.log(obj instanceof Array); // false,obj是不是Array的实原创 2022-05-10 23:56:59 · 134 阅读 · 0 评论 -
JS学习23:数组对象 之 创建数组的两种方式
字面量方式 : 示例代码如下 var arr = [];new Array() 方式 : 示例代码如下 var arr = new Array();注意:上面代码中arr创建出的是一个空数组,如果需要使用构造函数Array创建非空数组,可以在创建数组时传入参数参数传递规则如下: 如果只传入一个参数,则参数规定了数组的长度 如果传入了多个参数,则参数称为数组的元素 举个栗子:// 创建数组的两种方式// 1. 利用数组字面量var ar原创 2022-05-10 23:52:09 · 1097 阅读 · 0 评论 -
JS学习22:Date日期对象
Date对象是一个构造函数,所以我们要调用Date必须先将其实例化:var now = new Date();//当前时间对应的日期对象案例:格式化年月日// 格式化日期 年月日 var date = new Date();console.log(date.getFullYear()); // 返回当前日期的年 2022console.log(date.getMonth() + 1); // 月份 返回的月份小1个月 记得月份+1 console.log(date.getD原创 2022-05-10 23:09:40 · 147 阅读 · 0 评论 -
JS学习21:用 Math.random() 来进行随机点名
Math.random()返回一个随机的小数 0 =< x < 1 [0,1)console.log(Math.random());//这个方法里面不跟参数如何用 Math.random() 来进行随机点名?获取指定范围内的随机整数:这是个固定写法,大家不需要记忆,知道怎么用即可。function getRandom(min, max) { return Math.floor(Math.random() * (max - min + 1)) + min; /原创 2022-05-10 22:25:21 · 866 阅读 · 0 评论 -
JS学习20:for..in 循环遍历对象
在此之前我们对于for循环已经非常熟悉了,在此我就不多做赘述了。do-while循环也就比while循环多循环一轮。那 for .. in循环呢? for...in 语句用于对数组或者对象的属性进行循环操作。 其语法如下: for (变量 in 对象名字) { // 在此执行代码} 理解:for....in遍历,其实是在变量object对象中的所有属性key,然后我们可以根据key获取value属性值 var obj = { .原创 2022-05-04 12:03:59 · 6999 阅读 · 0 评论 -
JS学习19:全局变量 & 局部变量
例子://全局变量 :在全局作用域下声明的变量叫做全局变量var num = 10; // num就是一个全局变量console.log(num);function fn() { console.log(num);}fn();// 2. 局部变量: 在局部作用域下的变量function fun(aru) {// 注意: 函数的形参也可以看做是局部变量 var num1 = 10; // num1就是局部变量 只能在函数内部使用 num2 = 20;//隐式全局原创 2022-05-04 11:03:42 · 340 阅读 · 0 评论 -
JS学习18:arguments的使用
在 JavaScript 中,arguments 实际上它是当前函数的一个内置对象。 当我们不确定有多少个参数传递的时候,可以用 arguments 来获取。所有函数都内置了一个 arguments 对象,arguments 对象中存储了传递的所有实参。 arguments展示形式是一个伪数组,因此可以进行遍历。 伪数组具有以下特点: 具有 length 属性 按索引方式储存数据 不具有数组的 push , pop 等方法 argu..原创 2022-05-04 10:34:50 · 476 阅读 · 0 评论 -
JS学习17:while & do-while 循环
while循环while (条件表达式) { // 循环体代码 }执行思路: 先执行条件表达式,如果结果为 true,则执行循环体代码;如果为 false,则退出循环,执行后面代码 执行循环体代码 循环体代码执行完毕后,程序会继续判断执行条件表达式,如条件仍为true,则会继续执行循环体,直到循环条件为 false 时,整个循环过程才会结束 注意: 使用 while 循环时一定要注意,它必须要有退出条件,否则会成为死循环 while 循环和原创 2022-05-04 10:19:34 · 354 阅读 · 0 评论 -
JS学习16:for循环
语法结构for(初始化变量; 条件表达式; 操作表达式 ){ //循环体}名称 作用 初始化变量 通常被用于初始化一个计数器,该表达式可以使用 var 关键字声明新的变量,这个变量帮我们来记录次数。 条件表达式 用于确定每一次循环是否能被执行。如果结果是 true 就继续循环,否则退出循环。 操作表达式 是每次循环最后执行的代码 经常用于我们计数器变量进行更新(递增或者递减) 案例for (var i = 0;i < 10; i++){原创 2022-04-29 22:20:00 · 169 阅读 · 0 评论 -
JS学习15:switch分支流程控制
语法结构switch 语句也是多分支语句,它用于基于不同的条件来执行不同的代码。当要针对变量设置一系列的特定值的选项时,就可以使用 switch。 switch( 表达式 ){ //表达式常为一个变量 *** case value1: //仅仅是值,不支持写表达式:>=value1 *** // 表达式 等于 value1 时要执行的代码 break; case value2: // 表达式 等于 v原创 2022-04-29 21:48:47 · 342 阅读 · 0 评论 -
JS学习14:三元表达式多条件嵌套写法
语法结构表达式1/值 ? 'true值' : 表达式2/值 ? ‘true值’:表达式3/值 ?‘true值’:'false值'案例快递有四个状态 1 已下单 2 已付款 3 已发货 4 已收货。弹出一个框输入1-4之间的数,显示出对应的订单状态通过if分支做(简单),但是想想用三元表达式怎么做?var num = prompt('查询快递,请输入1~4');// 第一段如果num=1,则返回'已下单',否则在:右边进行下一段判断,以此类推var express...原创 2022-04-29 21:30:46 · 3377 阅读 · 0 评论 -
JS学习13:三元表达式
三元表达式:简单的if else (双分支) 的简写语法结构表达式1/值 ? 表达式2/值 : 表达式3/值;如果表达式1为 true ,则返回表达式2的值,如果表达式1为 false,则返回表达式3的值图像详解 应用场景:简单的if else: if 和 else 中的代码只有一行。 数字补零案例//用户输入0~59之间的一个数字// 如果数字小于10,则在这个数字前面补0,(加0 拼接) 否则 不做操作// 用一个变量接受这个返回值,输出var time .原创 2022-04-29 21:17:36 · 1568 阅读 · 0 评论 -
JS学习12:if条件分支语句
if语句语法结构// 条件成立执行代码,否则什么也不做if (条件表达式/值/变量) { // 如果是值和变量,if会做隐式转换,转换为boolean类型 *** // 条件成立执行的代码语句}//例子 var age = prompt('请输入您的年龄:'); var money = prompt('请查询您的余额:'); if (age >= 18 && money >=200) {原创 2022-04-29 21:03:27 · 288 阅读 · 0 评论 -
JS学习11:赋值运算符
概念:用来把数据赋值给变量的运算符。代码: <script> // += 使用最多 var a = 1; // 把1的值赋值给a变量 // a = a + 2; a += 2; // 和 a = a + 2 功能一样的 console.log(a); // 3 var c = 10; c -= 2; // c = c - 2; 8 console.原创 2022-04-28 19:22:01 · 199 阅读 · 0 评论 -
JS学习10:逻辑运算符 & 短路运算
逻辑运算符概述 概念:逻辑运算符是用来进行布尔值运算的运算符,其返回值也是布尔值 逻辑运算符,用于表示多个条件的关系 逻辑运算符如下: 口诀:&& 同真即真 || 同假即假 !非真即假 非假即真 <script> // 逻辑运算符是 布尔值与布尔值的关系 结果还是布尔值 // 口诀: && 同真即真 || 同假即假 !非真即假 非假即真 console.lo...原创 2022-04-27 22:44:15 · 1230 阅读 · 0 评论 -
JS学习09:比较运算符
比较运算符概述 概念:比较运算符(关系运算符)是两个数据进行比较时所使用的运算符,比较运算后,会返回一个布尔值(true / false)作为比较运算的结果。 比较运算符如下图: 注意:判等,是两个等号==,判等不相等是!=,是将其中的一个等号换为! ,而不是增加一个感叹号等号比较例子: // == 的意思是判断两边的数据值是否一样,不判断数据类型 // == 它也有隐式转换的作用 例如 '1'转换成数字型 1 再去做比较运算 .原创 2022-04-27 22:33:34 · 1350 阅读 · 0 评论 -
JS学习08:递增和递减运算符
递增和递减运算符概述 如果需要反复给数字变量添加或减去1,可以使用递增(++)和递减( -- )运算符来完成 在 JavaScript 中,递增(++)和递减( -- )既可以放在变量前面,也可以放在变量后面 放在变量前面时,我们可以称为前置递增(递减)运算符,放在变量后面时,我们可以为后置递增(递减)运算符 注意:递增和递减运算符必须和变量配合使用 递增运算符前置递增运算符++num 前置递增,就是自加1,类似于 num = num + 1,但是 ++num原创 2022-04-27 22:20:32 · 1673 阅读 · 0 评论 -
JS学习07:算数运算符
算术运算符概述概念:算术运算使用的符号,用于执行两个变量或值的算术运算。补充:%取余的应用场景: 一个数能不能被另外一个数整除例如: 判断一个数是奇数还是偶数(能否被2整除) // 判断一个数是奇数还是偶数 console.log(13 % 2); // 余数为1,奇数 console.log(10 % 2); // 余数为0,偶数浮点数的精度问题浮点数值的最高精度是 17 位小数,但在进行算术计算时其精确度远远不如整数在 某.原创 2022-04-27 22:03:22 · 236 阅读 · 0 评论 -
JS学习06:type of 获取变量数据类型
获取变量的数据类型:typeof 语法如下: typeof 变量/值 例子: var num = 18;console.log(typeof num) // 结果 number console.log(typeof 18) // 也可以直接获取值的数据类型 不同类型的返回值 注意: 以上结果都是字符串。案例: <script> var n = 10; // 通过typeof...原创 2022-04-27 21:52:33 · 443 阅读 · 0 评论 -
JS学习05:数据类型转换
转换为字符串 toString() 和 String() 使用方式不一样。 toString()不能转换null 和 undefined 。String()可以转换 三种转换方式,更多第三种加号拼接字符串转换方式, 这一种方式也称之为隐式转换。 重点掌握:toString()和+ <script> var n = 100; console.log(n); // 1.通过toString()方法转原创 2022-04-27 21:46:46 · 253 阅读 · 0 评论 -
JS学习04:字符串型 String & 字符串引号嵌套 & 字符串转义符
字符串型写法字符串型可以是引号中的任意文本,其语法为 双引号 "" 和 单引号''var strMsg = "扁粉菜"; // 使用双引号表示字符串var strMsg2 = '粉浆饭'; // 使用单引号表示字符串// 常见错误var strMsg3 = 道口烧鸡; // 报错,没使用引号,会被认为是js代码,但js没有这些语法字符串引号嵌套JS 可以用单引号嵌套双引号 ,或者用双引号嵌套单引号 (外双内单,外单内双)var strMsg = '我是"安阳原创 2022-04-27 21:22:08 · 809 阅读 · 0 评论 -
JS学习03:isNaN
NaN ,Not a number,代表一个非数值 isNaN 用来判断一个变量是否为非数字的类型,返回 true 或者 false 代码案例: <script> var usrAge = 21; var isOk = isNaN(userAge); console.log(isNum); // false ,21 不是一个非数字 var usrName = "andy"; .原创 2022-04-27 21:10:35 · 121 阅读 · 0 评论 -
JS学习02:两个变量之间交换值
<script> // 1.假设两个变量 var a = 2; var b = 5; // 声明第三个变量用来交换两个变量的值 var temp; // temp 一般都是用来定义临时变量 temp = a; // 把a里面的值赋给temp a = b; // 把b里面的值赋值给a b = temp; // 把temp里面的值(其实就是a里面的值)赋值给b...原创 2022-04-27 21:02:05 · 293 阅读 · 0 评论 -
JS学习01:JS输出语句
说明:方法 说明 归属 alert(msg) 浏览器弹出警示框 浏览器 console.log(msg) 浏览器控制台打印输出信息 浏览器 prompt(info) 浏览器弹出输入框,用户可以输入 浏览器 演示效果:...原创 2022-04-27 20:58:40 · 251 阅读 · 0 评论