![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript基础
编程界小明哥
CSDN博客专家,从事软件开发多年,精通Java、JavaScript,博主也是从零开始一步步把学习成长、深知学习和积累的重要性,欢迎您关注,期待与您一起学习、成长、起飞!
展开
-
javascript之深浅拷贝
浅拷贝:浅拷贝只拷贝基本类型的数据,而符合类型的数据只复制指向其的指针,而不复制对象本身,新旧对象还是共享同一块内存。深拷贝:深拷贝会另外创造一个一模一样的对象,新对象跟原对象不共享内存,修改新对象不会改到原对象。浅拷贝的实例:/** * 浅拷贝 * * @param {Object} target 目标对象 * @param {Object} source 源对象 * @return {Object} 返回目标对象 */function extend(target, s原创 2020-12-05 20:36:43 · 3021 阅读 · 1 评论 -
JavaScript Array数组sort方法的使用
语法array.sort(sortby)array:需排序的数组sortby:排序的函数(可选),如果没传则数组不做任何变动。sortby函数说明:比较函数应该具有两个参数 a 和 b,其返回值如下:若 a 小于 b,则返回一个小于 0 的值,我们一般返回-1。 若 a 等于 b,则返回 0。 若 a 大于 b,则返回一个大于 0 的值,我们一般返回1。实例:var arr = [1,2,25,100,60,37] arr.sort(function(a,b){原创 2020-12-04 09:25:20 · 719 阅读 · 1 评论 -
JavaScript Array数组splice方法的使用
语法array.splice(start[, deleteCount[, item1[, item2[, ...]]]])start指定修改的开始位置(从0计数)。如果超出了数组的长度,则从数组末尾开始添加内容;如果是负值,则表示从数组末位开始的第几位(从-1计数,这意味着-n是倒数第n个元素);如果负数的绝对值大于数组的长度,则表示开始位置为第0位。deleteCount 可选整数,表示要移除的数组元素的个数。如果 deleteCount 大于 start 之后的元素的总数,则从 star原创 2020-12-04 09:25:31 · 3719 阅读 · 1 评论 -
JavaScript Array数组slice方法的使用
语法:arr.slice([begin[, end]])begin可选从该索引开始提取原数组元素,如果该参数为负数,则表示从原数组中的倒数第几个元素开始提取。此参数缺省为0,如果begin超出原数组的索引范围,则会返回空数组。end可选在该索引处结束提取原数组元素,slice会提取原数组中索引从begin到end的所有元素(包含begin,但不包含end)。如:slice(0,2)会提取原数组中从第1个元素开始到第3元素之间的(不包含第3个元素)所有元素...原创 2020-12-03 19:36:52 · 8208 阅读 · 2 评论 -
JavaScript Array数组concat方法的使用
语法Array.concat(otherArray)说明:concat()方法用于合并两个或多个数组。此方法不会更改现有数组,而是返回一个新数组。此方法可以使用任意数量的数组参数。var arr = [1,2,3,4,5]var arr1=[6,7]var newArr = arr.concat(arr1);console.log("原数组",arr);console.log("返回值",newArr);输出:原数组 (5)[1, 2, 3, 4, 5]返回值 ..原创 2020-12-03 18:06:13 · 4065 阅读 · 0 评论 -
js Array的push pop shift unshift 方法
push()方法将一个或多个元素添加到数组的末尾,并返回该数组的新长度。var arr = [1,2,3,4,5]arr.push(6)//添加一个元素arr.push(7,8)//可以一次添加多个元素console.log(arr);输出:(8) [1, 2, 3, 4, 5, 6, 7, 8]pop()方法从数组中删除最后一个元素,并返回该元素的值。此方法更改数组的长度。var arr = [1,2,3,4,5]var ret = arr.pop()console.lo.原创 2020-12-03 16:58:53 · 2343 阅读 · 0 评论 -
数组Array的join方法使用
语法join方法用于把数组中的所有元素放入一个字符串,元素是通过指定的分隔符进行分隔的。ArrayObj.join(s)ArrayObj 要合并的数组s 分割符(可选,如果未填写,则默认为逗号 “,”)var arr = [1,2,3,4,5]console.log(arr.join());输出:1,2,3,4,5由此可见分隔符为逗号时可以不用填写参数。var arr = [1,2,3,4,5]console.log(arr.join(""));console.l.原创 2020-12-03 16:38:22 · 16217 阅读 · 0 评论 -
JavaScript中substr与substring的区别与使用
substr与substring的语法string.substr(start, len)string 被截取的字符串start 开始的位置len 截取的长度string.substring(from, to)string 被截取的字符串from 开始的位置to 结束的位置(返回的字符不包含当前位置)实例:var str = "hello world!";var ret = str.substr(1,3); console.log(ret)var ret1 =原创 2020-12-03 15:15:29 · 739 阅读 · 0 评论 -
JavaScript中split方法的使用
语法string.split(separator,limit)说明string 被分割的字符串separator 分割字符或者正则(可选)limit 返回的数组的最大长度(可选)返回值:以数组的形式返回实例1(缺省分割符):var str = "hello world!hello man!how are you!";var arr = str.split();console.log(arr)返回:["hello world!hello man!how are原创 2020-12-03 11:23:56 · 9732 阅读 · 4 评论 -
javascript字符串方法indexOf、lastIndexOf 方法的使用
indexOf、lastIndexOf语法string.indexOf(searchvalue,start)string.lastIndexOf(searchvalue,start)说明:string:被检索的字符串searchvalue:需检索的字符串值(必需)start:检索开始的位置(可选值)indexOf和lastIndexOf语法是一样的,但查找的顺序相反,indexOf是从前往后查,而lastIndexOf是从后往前查。返回值:如果检索到就返回所在的位置,没有检索原创 2020-12-03 10:44:22 · 5147 阅读 · 0 评论 -
JavaScript中bind函数的使用
bind()方法主要就是将函数绑定到某个对象,bind()会创建一个函数,函数体内的this对象的值会被绑定到传入bind()第一个参数的值,当然这是绑定哦,不是像call、apply一样直接执行,apply要执行的话还得自己调用。举个简单的例子var me={ name:'我'}var friendA={ name:'朋友A', sendMsg:function(target,content){ console.log("【"+this.name+"】给【"+target+"】发送原创 2020-12-02 21:44:14 · 7077 阅读 · 0 评论 -
JavaScript 函数 apply的使用
apply的语法function.apply(obj,[...args])apply最多两个参数,并且第2个参数为数组。apply的作用是什么呢?和上一篇call的意思是一样的,就是参数有区别,这就拿过来了通俗来说:我手机没电了,借朋友的手机发个短信,注意是借用,当你用完以后你“朋友手机的短信功能”对你来说就失效了,除非你再次借用。这里就有两个对象我、朋友,那短信功能就是所说的方法先来创建“我”这个对象和方法(因为手机没有电了,所以没有发短信的方法,注释掉就好):var m原创 2020-12-02 21:14:24 · 2141 阅读 · 1 评论 -
JavaScript 函数 Call的使用
call的语法function.call(obj,...args)Call的作用是什么呢?通俗来说:我手机没电了,借朋友的手机发个短信,注意是借用,当你用完以后你“朋友手机的短信功能”对你来说就失效了,除非你再次借用。这里就有两个对象我、朋友,那短信功能就是所说的方法先来创建“我”这个对象和方法(因为手机没有电了,所以没有发短信的方法,注释掉就好):var me={ name:'我', /*sendMsg:function(target,content){ console.原创 2020-12-02 21:01:05 · 1533 阅读 · 0 评论 -
JavaScript中的break,continue和return的用法及区别
为什么要说个?好像很简单,但是我也会迷糊,不懂有时候为什么要用return,然而break和continue也经常和他放在一起。所以就一起来说一说,这三个看起来很简单,却常常会出错的关键词的具体用法。主要从以下几个方面来详细论述。1、3个关键词的含义和比较。2、举例说明其实际应用。3个关键词的含义和比较在break,continue和return 三个关键字中,break,continue是化为一类的,return 是函数返回语句,但是返回的同时也将函数停止。相...转载 2020-12-02 19:49:54 · 3346 阅读 · 0 评论 -
forEach不支持break,continue,自己来写一个支持的函数
forEach语法Array.forEach(function(元素,索引,当前调用的数组))先看一个实例:var arr=['A1','A2','A3','A4']arr.forEach(function(item,i,array){ console.log(item,i,array);})输出:A1 0 (4)["A1", "A2", "A3", "A4"]A2 1 (4)["A1", "A2", "A3", "A4"]A3 2 (4)["A1", "A2", "...原创 2020-12-02 19:31:09 · 601 阅读 · 0 评论 -
JavaScript中while以及do while语句的使用
while语法while (条件) { 要执行的代码块}var i=0;while(i<4){ console.log(i) i++;}输出结果:0123上面的实例中,代码就一次次的执行,只要i<4成立,一旦i=4了就会中断循环。不能忘记i++ 语句,否则会变成死循环。dowhile语法do { 要执行的代码块}while (条件);例子:var i=0;do{ console.log(i) i++;}...原创 2020-12-02 18:00:04 · 1974 阅读 · 0 评论 -
JavaScript中for循环的使用
For 循环for 循环的语法如下:for (语句 1; 语句 2; 语句 3) { 要执行的代码}语句1在循环开始之前执行。语句2判断循环的条件。语句3在循环每执行一次后执行。实例:for(var i=0;i<7;i++){ console.log(i)}输出:0123456每次循环执行的时候会去判断 i<7 成立就会执行循环一次,否则循环不在执行;每次循环后会执行:i++ 进行递增。注意:break语句可以中...原创 2020-12-02 17:44:47 · 2550 阅读 · 0 评论 -
JavaScript中Switch语句的使用方法
语法switch(表达式) { case n: 代码块 break; case n: 代码块 break; default: 默认代码块}说明:1.每计算一次 switch 表达式,会把得到的值与每个 case 的值进行对比,如果匹配就会执行相关的代码。2.break语句则会跳出switch,一旦遇到它,那么它后面的语句都不会执行。3.break语句可以节省一些时间,如果没有brea...原创 2020-12-02 17:21:05 · 12952 阅读 · 0 评论 -
javascript条件语句if else用法
语法语法1:if (条件) { 如果条件为 true 时执行的代码}语法2:if (条件) { 条件为 true 时执行的代码块} else { 条件为 false 时执行的代码块}语法3:if (条件 1) { 条件 1 为 true 时执行的代码块} else if (条件 2) { 条件 1 为 false 而条件 2 为 true 时执行的代码块} else { 条件 1 和条件 2 同时为 false 时执行的代码...原创 2020-12-02 17:02:50 · 5919 阅读 · 0 评论