JS基础_数组的方法
常用的方法
1.push:向数组的末尾添加一个或更多元素,并返回新的长度。
将要添加的元素作为方法的参数传递,这些元素将会自动添加到数组的末尾
var a=[1,2,3];
var r = a.push("1","2");
console.log(a,r);//[1,2,3,1,2] 5
2.pop:删除并返回数组的最后一个元素,并将被删除的元素返回。
var a=[1,2,3];
var r = a.pop();
console.log(a,r);[1,2] 3
3.unshift():向数组的开头添加一个或更多元素,并返回新的长度
4.shift():删除并返回数组的第一个元素,并将被删除的元素返回
5.slice:从某个已有的数组返回选定的元素
- 该方法不会改变元素数组,而是将截取到的元素封装到一个新数组中返回
- 参数:
1.截取开始的位置的索引,包含开始索引
2.截取结束的位置的索引,不包含结束索引
- 第二个参数可以省略不写,此时会截取从开始索引往后的所有元素
- 索引可以传递一个负值
从后往前计算
var arr = [1,2,3,4,5];
var r = arr.slice(1,3);
console.log(arr,r);//[1,2,3,4,5] [2,3]
6.splice:删除元素,并向数组添加新元素。
- 可以用于删除数组中的指定元素
- 会影响到原数组,会将指定的元素从原数组中删除,并将被删除的元素作为返回值返回
- 参数:
第一个,表示删除的索引
第二个,表示删除的数量
第三个及以后的参数,
传递一些新的元素,这些元素将会自动插入到开始位置索引前面(既替换)
var arr = [1,2,3,4,5];
var r = arr.splice(1,3);
console.log(arr,r);//[1,5] [2,3,4]
7.concat:用于连接两个或多个数组。该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本
a.不会对原数组产生影响
var arr = [1,2];
var arr2=[6,7];
var arr3=[4,5];
var r1=arr.concat(arr2,arr3,6,7);
var r=arr.concat(arr2);
console.log(r);//[1,2,6,7]
8.join:将数组转换为一个字符串
a.该方法不会对原数组产生影响
b.可以制定一个字符串作为参数,用来作为数组中元素的连接符
(1).如果不指定连接符,则默认使用,连接
9.reverse:反转数组,会改变原数组
var arr = [1,2];
arr.reverse()
console.log(arr);//[2,1]
10.sort():对数组中的元素进行排序
a.会影响原数组,默认按照unicode编码进行排序
b.可以指定排序的规则
在sort()添加一个回调函数,来指定排序规则,回调函数中需定义两个形参,浏览器会分别使用数组中的元素作为实参去调用回调函数
浏览器会根据回调函数的返回值来决定元素的顺序
(1).如果返回一个大于0的值,则元素会交换位置
(2).如果返回一个小于0的值,则元素位置不变
(3).如果返回一个0,则认为连个元素相等,也不交换位置
var arr = [1,2,7,5,6,4,8,9];
arr.sort((a,b)=>a-b)
console.log(arr);//[1, 2, 4, 5, 6, 7, 8, 9]
arr.sort((a,b)=>b-a)
console.log(arr);//[9, 8, 7, 6, 5, 4, 2, 1]
JS基础_数组的方法的更多相关文章
- JS基础_数组的遍历
遍历:将数组中所有的元素都取出来 1.for循环 var arr = ["1","2","3"]; for(let i=0;i<arr ...
- JS基础_使用工厂方法创建对象(了解下就行了,用的不多)
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- JS基础_对象的方法
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- JS基础_数组简介
内建对象 宿主对象 自定义对象 数组(Array) - 数组也是一个对象 - 它和我们普通的对象功能类似,也是用来存储一些值的 - 不同的是普通对象是使用字符串作为属性名的 数组是使用数字来作为索引来 ...
- JS基础_使用工厂方法创建对象
创建一个对象 var obj={ name:"hhh", age:28, gender:"男", say:function(){ console.log(&qu ...
- 【JS学习】数组过滤方法的使用filter
前言:本博客系列为学习后盾人js教程过程中的记录与产出,如果对你有帮助,欢迎关注,点赞,分享.不足之处也欢迎指正,作者会积极思考与改正. 使用效果: 可以返回参数函数为真的值 //情景:实现从stu数 ...
- JS中判断数组的方法
JavaScript中检测对象的方法 1.typeof操作符 这种方法对于一些常用的类型来说那算是毫无压力,比如Function.String.Number.Undefined等,但是要是检测Arra ...
- js基础学习-数组
let arr1 = [ {name: 1} ] let arr2 = [ {age: 23} ] let ages = [11, 22, 23] let newArr = arr1.concat(a ...
- js清空array数组的方法
方式1,splice Js代码 ,,,}; ary.length = ; Java中会报错,编译通不过. 而JS中则可以,且将数组清空了,如 Js代码 var ary = [1,2,3,4]; ...
随机推荐
- ThreeJS中创建文字的几种方法
1. DOM + CSS 传统html5的文字实现,用于添加描述性叠加文字的方法.一般使用绝对定位,并且保证z-index够大,用于显示在3D场景之上. 优点: 与CSS3D效果一致 缺点: 3d效果 ...
- python编程中常见错误
python编程培训中常见错误最后,我想谈谈使用更多python函数(数据类型.函数.模块.类等)时可能遇到的问题.由于篇幅有限,我们试图将其简化,特别是一些高级概念.有关更多详细信息,请阅读学习py ...
- C. Vasily the Bear and Sequence Codeforces 336C(枚举,思维)
C. Vasily the Bear and Sequence time limit per test 1 second memory limit per test 256 megabytes inp ...
- Python3+Appium学习笔记01-环境配置(上)
公司可能也有关于对app自动化的一些想法,让我去研究下.当然以移动互联网的热度.对于app自动化测试技术听闻已久.也一直想要去学习.正好.这次可以在工作时间中学习.emmm.希望自己能坚持把这个系列更 ...
- zabbix验证微信
在Zabbix服务端设置邮件报警,当被监控主机宕机或者达到触发器预设值时,会自动发送报警邮件到指定邮箱. 具体操作: 以下操作在Zabbix监控服务端进行 备注:Zabbix监控服务端 操作系统:Ce ...
- 前端知识体系:JavaScript基础-原型和原型链-理解JavaScript的执行上下文栈,可以应用堆栈信息快速定位问题
理解JavaScript的执行上下文栈,可以应用堆栈信息快速定位问题(原文文档) 1.什么是执行上下文: 简而言之,执行上下文就是当前JavaScript代码被解析和执行时所在环境的抽象概念,Java ...
- BZOJ 3435 / Luogu 3920 [WC2014]紫荆花之恋 (替罪羊树 动态点分治 套 Treap)
题意 略 分析 引用PoPoQQQ的话 吾辈有生之年终于把这道题切了...QAQ (蒟蒻狂笑) Orz PoPoQQQ,我又抄PoPoQQQ的题解了 - 突然发现有旋Treap没那么难写 学习了一波C ...
- MyBatis中#{}和${}的不同和${}的妙用(转)
突然意识到sql语句的独特语义要和代码分离,我们就不能够在代码中写sql语句!!比如我要用${}在MyBatis的sql中拼接排序类型的时候,我就不能够在Java代码中直接写参数字符串为Ord ...
- Python IDE Ⅱ
3.设置Pydev 安装完成后,还需要设置一下PyDev,选择Window -> Preferences来设置PyDev.设置Python的路径,从Pydev的Interpreter - Pyt ...
- JavaScript三元运算符
㈠条件运算符也叫做三元运算符 ⑴语法:条件表达式?语句1:语句2: ⑵执行的流程: ①条件运算符在执行时,首先对条件表达式进行求值 ▶如果该值为true,则执行语句1,并返回执行结果 ▶如果该值为fa ...