js中常用数组方法concat join push pop slice splice shift
javascript给我们很多常用的 数组方法,极大方便了我们做程序。下面我们来介绍下常用的集中数组方法。 比如 concat() join() push() pop() unshift() shift() reverse() slice() sort() splice() 等。
1、
concat()方法 数组和数组的 粘结:
var a=[1,2,3,4];
var b=[5,6,7,8];
var c=a.concat(b);
console.log(c); // [1,2,3,4,5,6,7,8]
2、
join()方法 改变数组中拼接的符号:
var a=[1,2,"字符串",false,undefied,null];
a.join("++"); // [1++2++字符串++false++++];
3、
push()方法 在数组的最后一项后追加数值。 //返回数组的长度
var a=[1,2,3]
a.push(9); //返回数组的长度 4,改变了原数组
console.log(a) //[1,2,3,9]
向a数组中 push入 一个数组,push的数组会变为 a的子数组,a的长度+1
4、
pop() 删除数组的最后一项。 //返回被删除的值,改变了原数组
var a=[1,2,3,4];
a.pop() // 返回删除值 4
console.log(a) // [1,2,3]
5、
unshift() 在数组的第0项前 插入值,原数组的值索引向后移 //返回数组的长度,插入的值为数组,变为 子数组。 改变原数组
var a=[1,2,3];
a.unshift("wo"); //返回数组的长度 4
console.log(a); //["wo",1,2,3]
var b=[9,8,7];
a.unshift(b); //返回数组的长度 5;
console.log(a) //[ [9,8,7] ,"wo",1,2,3]
6、
shift() 删除数组的第0项,原数组的值 索引向前的移动。 //返回被删除的值 改变原数组
var a=[1,2,3];
a.shift() //返回被删除的值 1;
console.log(a) //[2,3]
7、
reverse() 数组的值翻转。 //返回 翻转后的 数组 ,原数组改变
var a=[1,2,3];
a.reverse() //[3,2,1]
8、
slice(index,[end]) end可选 赋值索引从index开始到 end-1 结束 为一个新数组,原数组不变。
var a=[1,2,3,4,5];
a.slice(2,4) //返回 [3,4]
a.slice(0) //[1,2,3,4,5]
a.slice(3) //[4,5]
console.log(a) // [1,2,3,4,5]
9、
sort() 按照 ASCII表排序 返回排序后新数组 原数组改变
var a=[1,2,3,12,13];
a.sort() //返回 [1,12,13,2,3]
如果按照正常逻辑排序 :
a.sort(function(a,b){
return a-b;
}) //[1,2,3,12,13]
10、
splice(index,num,ele1,ele2...) 很强大的一个方法。index指 从index删除(包括index对应的值) num指 删除的个数, ele1,ele2...代表插入的值 //返回删除的值
原数组改变
var a=[1,2,3,4,5];
a.splice(1,2,"我是","插入的值") //返回 删除的值 2,3
console.log(a) // [1,"我是","插入的值",4,5]
11、
shift
shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。
语法
arrayObject.shift()
返回值
数组原来的第一个元素的值。
说明
如果数组是空的,那么 shift() 方法将不进行任何操作,返回 undefined 值。请注意,该方法不创建新数组,而是直接修改原有的 arrayObject。
提示和注释
注释:该方法会改变数组的长度。
提示:要删除并返回数组的最后一个元素,请使用 pop() 方法。
js中常用数组方法concat join push pop slice splice shift的更多相关文章
- js中常用的方法(数组篇)
1.replace(),根据释义,即为代替,用法为: stringObject.replace(regexp/substr,replacement)括号内前者是待匹配字符串,并用后者代替这个字符串.例 ...
- js中的数组方法
数组的方法有数组原型方法,也有从object对象继承来的方法,这里我们只介绍数组的原型方法,数组原型方法主要有以下这些: join()push()和pop()shift() 和 unshift()so ...
- JavaScript数组方法--concat、push
利用了两天的时间,使用typescript和原生js重构了一下JavaScript中数组对象的主要方法,可以移步github查看. 这里,按照MDN上的文档顺序,再重新学习一下数组方法吧. conca ...
- javascript中常用数组方法详细讲解
javascript中数组常用方法总结 1.join()方法: Array.join()方法将数组中所以元素都转化为字符串链接在一起,返回最后生成的字符串.也可以指定可选的字符串在生成的字符串中来分隔 ...
- 【笔记】JS中的数组方法
push()方法:可以向数组的末尾添加一个或者多个元素,并且返回新的长度 pop()方法:可以删除数组最后一个元素,并且返回被删除的元素,注意:如果数组是空的,该方法不进行任何操作,返回undef ...
- js 中常用的方法
1..call() 将.call()点之前的属性或方法,继承给括号中的对象. 2.(function(){xxx})() 解释:包围函数(function(){})的第一对括号向脚本返回未命名的函数, ...
- Js中常用的字符串,数组,函数扩展
由于最近辞职在家,自己的时间相对多一点.所以就根据prototytpeJS的API,结合自己正在看的司徒大神的<javascript框架设计>,整理了下Js中常用一些字符串,数组,函数扩展 ...
- js中常用的对象—Array的属性和方法
今天说一下,js中常用的内置对象——Array对象 Array常用属性: length prototype :给系统对象添加属性和方法 Array常用方法: Array.prototype.sum = ...
- js中的数组和字符串的一些方法
数组的一些方法: 1.join()和split()方法 <script type="text/javascript">var x;var a=new Array();a ...
随机推荐
- Library工程No resource identifier found for attribute
使用library工程中自定义属性无法识别问题 解决:xmlns:ptr="http://schemas.android.com/apk/res/包名, 改成xmlns:ptr=" ...
- 【C++】快排
假设要排序的数据类型为int int main() { qsort(a,len,sizeof(int),cmp); //qsort(数组的起始位置,排序个数,类型大小,比较函数); } int cmp ...
- How to get Financial Dimension Value from Worker Position[AX2012]
To get financial dimension value from worker position, add a new method in hcmWorker Table with scri ...
- IE PNG格式的图片不现实的的解决方法
可能是安装某些软件导致注册表缺失png的一些设置 ,网上找了好些办法都是修改注册表的. 终于找到傻瓜式的解决方法:将下面的代码复制到txt中 另存为reg后缀格式,双击运行即可,然后重新打开IE 完事 ...
- Mysql 简单问题汇总(持续更新)
主从架构相关问题 问题现象:从机连接主机时报错 [ERROR] Slave I/O: error connecting to master 'repl@192.168.0.50:3306' - ret ...
- 关于fseek和文件"ab+"打开方式的问题
这是在写一个文件的的时候发生的一个错误,代码如下 #include<stdio.h> #include <errno.h> #include <string.h> ...
- selenium+python登录登出百度,等待页面加载,鼠标定位
#coding:gbk from selenium import webdriver from selenium.webdriver.common.keys import Keys from sele ...
- Python核心编程--学习笔记--4--Python对象
现在开始学习Python语言的核心部分.首先了解什么是Python对象,然后讨论最常用的内建类型,接下来讨论标准类型运算符和内建函数,之后给出对标准类型的不同分类方式,最后提一提Python目前还不支 ...
- hdu 3152 Obstacle Course
题目连接 http://acm.hdu.edu.cn/showproblem.php?pid=3152 Obstacle Course Description You are working on t ...
- R Tools for Visual Studio
https://www.visualstudio.com/en-us/features/rtvs-vs.aspx https://www.microsoft.com/en-us/cloud-platf ...