js Array对象的相关方法(数组拼接、插入、移除等2。)

最新推荐文章于 2020-10-30 08:00:00 发布
最新推荐文章于 2020-10-30 08:00:00 发布
阅读量5.8k 收藏
点赞数
分类专栏： js 文章标签： javascript Array 数组

1.语法

concat /concatenation 连接/

语法： Array <array>.concat(item1, item2, ..., itemN);
功能： 将数组与给定参数连接起来，参数也可以是数组
如果参数是数组，那么会将参数展开，但是不会展开数组中的数组
案例： 
var arr = [1,2,3];
var arr2 = arr.concat("a","b",["d", "e"], [[4, 5], 6]);
// arr2: [1,2,3,a,b,d,e,[4,5],6];
for(var i in arr2) {
alert("key = " + i + ", value = " + arr2[i]);
}
join
语法： string <array>.join(separator);
功能： 将数组用指定字符进行连接，得到一个string
案例：
var arr = [1,2,"a","b"];
var res = arr.join("--");
alert(res);
pop
语法： 元素 <array>.pop();
功能： 移除数组的最后一个元素，并返回该元素
如果数组为空，返回undefined
案例：
var arr = [1,2,3];
var ele = arr.pop();
alert(ele); // ele: 3
alert(arr); // arr: [1,2]
push
语法： number <array>.push(item1, item2, ..., itemN);
功能： 将元素追加到数组中，并返回数组的长度
如果元素是数组，不会像concat那样展开元素
案例： 
var arr = [1,2,3];
var length = arr.push("a","b",["d", "e"], [[4, 5], 6]);
// arr: [1,2,3,a,b,[d,e],[[4,5],6]]
alert(typeof length);
alert(length);
reverse
语法： Array <array>.reverse();
功能： 将数组翻转，并返回数组引用. 注意，这里没有创建新数组
案例：
var arr1 = [1,2,3];
var arr2 = arr1.reverse();
// 此时arr1与arr2是同一个实例的两个引用
shift
语法： 元素 <array>.shift();
功能： 移除数组的第一个元素，并返回
案例：
var arr = ["a", "b", "c", "d", "e", "d"];
var ele = arr.shift();
alert("arr的值为：" + arr + ", 类型为：" + (typeof arr) 
+ ((arr instanceof Array) ? "是" : "不是") + "Array类型");
alert("ele = " + ele + ", " + typeof ele);
slice
语法： Array <array>.slice(start, end);
功能： 返回数组的片段，第二个参数如果省略表示一直到数组结束
案例：
var arr = [1,2,3,4];
var arr1 = arr.slice(0);
var arr2 = arr.slice(0, 2);
sort
语法： Array <array>.sort(sortFunction);
功能： 按照sortFunction的规则排序数组，并返回数组引用
如果省略sortFunction，那么按照字符是升序排列
sortFunction使用规范：
function(a,b) {return -1|0|1;};
-1 a<b
0 a=b
1 a>b
案例：
var arr1 = ["c", "a", "d", "b"];
arr1.sort();
var arr2 = [3,1,4,2];
arr2.sort(function(a,b){return a-b});
splice
语法： Array <array>.splice(start, deleteCount, item1, item2, ..., itemN);
功能： 将数组中从start开始，移除deleteCount个元素，并作为数组返回
如果有item等参数，将其插入到删除数据的位置处
案例：
var arr1 = [1,2,3,4,5,6];
var arr2 = arr1.splice(1, 2);
// arr1: [1,4,5,6]; arr2: [2,3];
// var arr2 = arr1.splice(1,2, "a", "b", "c", "d");
// arr1: [1,"a","b","c","d",4,5,6]; arr2: [2,3];
// var arr2 = arr1.splice(1,2, "a");
// arr1: [1,"a",4,5,6]; arr2: [2,3];
unshift
语法： number <array>.unshift(item1, item2, ..., itemN);
功能： 将元素加到数组的开始
案例：
var arr = [1,2,3];
var length = arr.unshift(11,12,13);

// arr: [11,12,13,1,2,3];

2.案例详情

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> 
	<head>
		<title></title>
		<style type="text/css">
		</style>
		<script type="text/javascript">
			/*// concat方法 
			var arr = [1,2,3];
			var arr2 = arr.concat("a","b",["d", "e"], [[4, 5], 6]);
			alert((typeof arr2) + ", " + (arr2 instanceof Array));
			for(var i in arr2) {
				alert("key = " + i + ", value = " + arr2[i]);
			}*/
			
			/*// join方法
			var arr = [1,2,"a","b"];
			var res = arr.join("--");
			alert(typeof res + ", " + res);*/
			
			
			/*// pop方法
			var arr = [1,2,3];
			var ele = arr.pop();
			alert(ele);
			alert(arr);*/
			
			/*// push方法
			var arr = [1,2,3];
			var length = arr.push("a","b",["d", "e"], [[4, 5], 6]);
			// arr: [1,2,3,a,b,[d,e],[[4,5],6]]
			alert(typeof length);
			alert(length);*/
			
			/*// reverse方法
			var arr1 = [1,2,3];
			var arr2 = arr1.reverse();
			delete arr1[1];
			//此处删arr1[1]后，arr1数组的长度仍然为3，只是arr1[1]处为undefined;
			for(var i=0;i<arr2.length;i++){
				console.log(arr2[i]);
			}
			var i = 0;*/
			
			/*//shift方法
			var arr = ["a", "b", "c", "d", "e", "d"];
			var ele = arr.shift();
			alert("arr的值为：" + arr + ", 类型为：" + (typeof arr) 
				+ ((arr instanceof Array) ? "是" : "不是") + "Array类型");
			alert("ele = " + ele + ", " + typeof ele);*/
			
			/*//slice方法
			var arr = [1,2,3,4];
			var arr1 = arr.slice(0);
			var arr2 = arr.slice(1, 3);*/
			
			/*// sort方法
			//var arr = ["c", "a", "d", "b"];
			// arr.sort();				
			var arr = [3,1,4,2];
			//arr.sort(function(a,b){return b-a});
			arr.sort(new Function("a","b","return b-a"));
			alert(arr);*/
			
			/* //splice方法
			// var arr1 = [1,2,3,4,5,6];
			// var arr2 = arr1.splice(2, 4);
			var arr1 = [1,2,3,4,5,6];
			var arr2 = arr1.splice(1,2, "a");//, "b", "c", "d");	*/		
			
			// unshift方法
			var arr = [1,2,3];
			var temp = arr.unshift(11,12,13);
			var i = 0;
			
		</script>
	</head>
	<body>
	</body>
</html>

简单试过，没有问题。
cherish1forever
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js array数组对象操作方法汇总
12-03
js 数组对象操作方法如下： 1. 创建数组 var array1 = [1,2] //方法一 var array2 = new Array() //方法二 array[0] = 1; array[1] = 2; 2.遍历数组 for循环 和for…in 循环 var array1 = [1,2]; var l = array1....
.NET学习笔记(一)：Array
weixin_30362233的博客
09-15 114
　　Array 类是支持数组语言实现的基类，它提供了创建、操作、搜索和排序数组的方法，但是只有系统和编译器可以从Array类显式派生，用户只能使用由语言提供的数组构造或 CreateInstance 方法创建 Array 类的实例。（MSDN Array） 　　数组是顺序保存在连续内存空间内的一组元素（这些元素的类型必须与数组定义的类型一致或能隐式转换成数组定义的类型），且长度固定...
JavaScript的Array数组类型
The Matrix
09-18 381
目录 1. 创建数组 1）使用Array构造函数（可以省略new操作符） 2）使用数组字面量表示法 2. 数组的length属性 3. 检测是否是数组 4. toLocaleString()、toString()、valueOf()、join()方法 5. 栈方法 6. 队列方法 7. 重排序方法 8. 操作数组元素的方法 1）concat()方法 2）slice()方法 ...
.net(c#)中Array和ArrayList的异同点
Finder_Way
04-29 518
【摘要】 在C#中的数组也是对象，实际上就是Array类的实例，Array类的使用可以说是使用最频繁的，只是大家在使用时都没太在意，如在创建数组int[]时实际上就创建了一个Array类对象的实例。 【全文】 在C#中的数组也是对象，实际上就是Array类的实例，Array类的使用可以说是使用最频繁的，只是大家在使用时都没太在意，如在创建数组int[]时实际上就创建了一个Array类对象
.NET架构小技巧（2）——访问修饰符正确姿势
dotNET跨平台
10-30 181
在C#中，访问修饰符是使用频率很高的一组关键字，一共四个单词六个组合：public,internal,protected internal,protected,private prote...
面试题及部分答案
weixin_30955617的博客
05-15 156
传入某个属性的set方法的隐含参数的名称是什么？value，它的类型和属性所声名的类型相同。如何在C#中实现继承？在类名后加上一个冒号，再加上基类的名称。C#支持多重继承么？不支持。可以用接口来实现。被protected修饰的属性/方法在何处可以访问？在继承或间接继承与这个类的子类中可以访问。私有成员会被继承么？会，但是不能被访问。所以看上去他们似乎是不能被继承的，但实际上确实...
JavaScript数组Array对象增加和删除元素方法总结
10-24
主要介绍了JavaScript数组Array对象增加和删除元素方法,实例总结了pop方法、push方法、splice方法、concat方法等的使用技巧,需要的朋友可以参考下
JavaScript数组前面插入元素的方法
12-12
本文实例讲述了JavaScript数组前面插入元素的方法。分享给大家供大家参考。具体如下： JS数组带有一个unshift方法可以再数组前面添加若干个元素，下面是详细的代码演示 代码如下:<!DOCTYPE html> <html> &...
JavaScript类数组对象转换为数组对象的方法实例分析
12-04
数组对象Array有很多方法：shift、unshift、splice、slice、concat、reverse、sort，ES6又新增了一些方法：forEach、isArray、indexOf、lastIndexOf、every、some、map、filter、reduce等。由于类数组不具有数组所...
Asp.net中Array的用法
weixin_34392906的博客
12-19 368
定义一个Array数组的方法： Array arr1 = Array.CreateInstance(typeof(string), DS.Tables[0].Rows.Count);    //数据类型，数组大小 Array arr2 = Array.CreateInstance(typeof(double), DS.Tables[0].Rows.Count); arr1.SetValue(...
.Net V4.0 Array 类
04-03
C# V4.0 .Net Framework V4.0 System.Array类。
.NET 声明数组
weixin_30758821的博客
03-23 578
//声明一个一维数组 int[] array1 = new int[5]; //声明一个一维数组 int[] array2 = new int[] { 1, 3, 5, 7, 9 }; //替代语法 int[] array3 = { 1, 2, 3, 4, 5, 6 }; //声明一个二维数组 int[,] multiDimensi...
.net中数组的操作
一个IT人的宅男人生
10-16 9193
        /*-------------------C#数组的学习------------------*/        //==================一维数组         //new 运算符用于创建数组并将数组元素初始化为它们的默认值。在此例中，所有数组元素都初始化为零。         int[] intArr1 = new int[5];     
.NET-数组中的数组循环遍历
guoxiaoyu_elite的博客
11-03 3023
.NET-数组中的数组循环遍历
.net（数组）
web开发自学
07-10 133
using System; using System.Collections.Generic; using System.Linq; using System.Text; namespace ConsoleApplication8 { class Program { static void Main(string[] args) ...
asp.net(C#.VB)数组、arraylist和list的区别
01-26 2671
1.数组、arraylist和list的区别(请详细解释) 2.泛型是怎么回事?===============我简单的说一下： 数组：固定长度的一段内存。 ArrayList：可以理解为可以动态增加内存的数组，是一种链表。 list是一种范型链表，解决了ArrayList对于值类型需要装箱拆箱的缺点。================数组就是值对象,它存储数据元素类型的值的一系列位置. Arrayl
VB.net学习笔记（十九）数组、集合、泛型
热门推荐
白话魔法师
09-15 3万+
Module Module1 Sub Main() Dim a(,) As Int32 = {{1, 2, 3}, {3, 4, 5}, {6, 7, 8}} Dim temp As Int32 For i As Int32 = 0 To UBound(a) '即UBound(a,1) For j As Int32
js push 将一个数组对象插入另一个数组对象后面
最新发布
05-25
可以使用 `Array.prototype.push.apply()` 方法将一个数组对象插入到另一个数组对象的后面。 假设有两个数组对象 `arr1` 和 `arr2`，其中 `arr1` 包含若干个元素， `arr2` 包含若干个元素，要将 `arr2` 插入到 `arr...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值