javascript中的数组对象

简介: 1.创建数组的三种方式:1.1 var 数组名=[元素1,元素2,元素3...];例如:var arr1=[1,2,3,4];1.2 var 数组名=new Array(元素1,元素2,元素3.

1.创建数组的三种方式:

1.1 var 数组名=[元素1,元素2,元素3...];

例如:

var arr1=[1,2,3,4];

1.2 var 数组名=new Array(元素1,元素2,元素3...)

例如:
var arr2=new Array(5,6,7,8);

1.3 通过下标的方式为数组赋值,下标从0开始

var 数组名=new Array(数组长度);
var 数组名[0]="数组第一个元素的值";
var 数组名[1]="数组第二个元素的值";
var 数组名[2]="数组第三个元素的值";

2.数组对象的属性

arr.join(sep)

把数组中的所有元素使用sep拼接成一个字符串,如果没指定分割符,则使用逗号做为分割符

例子1:

var arr = new Array(3);
arr[0] = "hello";
arr[1] = "python";
arr[2] = "javascript";
document.write(arr.join());

返回:

hello,python,javascript

例子2:

var arr = new Array(3);
arr[0] = "hello";
arr[1] = "python";
arr[2] = "javascript";
document.write(arr.join("."));

返回:

hello.python.javascript

arr.concat(array1,array2...)

array1可以是一个值,也可以是一个数组对象,该方法返回自身和参数连接在一起的新的数组

例子1:

var a = [1,2,3];
document.write(a.concat(4,5));

返回:

1,2,3,4,5

例子2:

var arr = new Array(2);
arr[0] = "hello";
arr[1] = "python";

var arr2 = new Array(2);
arr2[0] = "hello";
arr2[1] = "javascript";

document.write(arr.concat(arr2));

返回:

hello,python,hello,javascript

arr.reverse()

把数组arr进行倒序处理,原来的数组会被改变

例子:

var arr = new Array(3);
arr[0] = "hello";
arr[1] = "python";
arr[2] = "javascript";

document.write(arr + "<br />");
document.write(arr.reverse());

返回:

hello,python,javascript
javascript,python,hello

arr.sort()

对数组的元素进行排序,原来的数组会被改变

例子:

var arr = [11,33,55,77,66,44,22];
document.write(arr.sort());

返回:

11,22,33,44,55,66,77

arr.slice(start,end)

返回一个由数组arrstart(包括start)到end(不包括end)的元素组成的新数组
end不指定时,则返回从start到结尾的所有元素组成的数组

例子1:

var arr = [11,33,55,77,66,44,22];
document.write(arr.slice(2,6));

返回:

55,77,66,44

例子2:

var arr = [11,33,55,77,66,44,22];
document.write(arr.slice(2));

返回:

55,77,66,44,22

arr.splice(start,deleteCount,value1,value2)

从数组arrstart索引处开始删除长度为deleteCount的元素,并向数组被删除的元素的位置添加value1,value2,然后返回被删除的元素,原来的数组会被改变

例子:

var arr = [11,33,55,77,66,44,22];
document.write(arr.splice(2,3,88,99)+"<br>");
document.write(arr);

返回:

55,77,66
11,33,88,99,44,22

arr.push(value1,value2,value3)

向数组的末尾添加一个或多个元素,并返回新数组的长度

例子:

var arr = [11,33,55,77,66,44,22];
document.write(arr.push(88,99)+"<br>");//返回数组的长度
document.write(arr);    //返回新的数组

返回:

9
11,33,55,77,66,44,22,88,99

arr.pop()

删除并返回数组的最后一个元素

例子:

var arr = [11,33,55,77,66,44,22];
document.write(arr.pop()+"<br>");//删除并返回数组arr的最后一个元素
document.write(arr);    //打印数组

返回:

22
11,33,55,77,66,44

arr.unshift(value1,value2,value3)

向数组的开头添加一个或多个元素,并返回新数组的长度

例子:

var arr = [11,33,55,77,66,44,22];
document.write(arr.unshift("aa","bb","cc")+"<br>");
document.write(arr);

返回:

10
aa,bb,cc,11,33,55,77,66,44,22

arr.shift()

删除并返回数组的第一个元素

例子:

var arr = [11,33,55,77,66,44,22];
document.write(arr.shift()+"<br>");
document.write(arr);

返回:

11
33,55,77,66,44,22

3.数组的遍历

使用for循环可以遍历整个数组

定义数组arr1

var arr1 = [12,23,34,"python","js"];

可以使用for循环的两种方式遍历arr1数组:

方式1:

for (i in arr1){
    console.log(arr1[i]);
}

方式2:

for(var i=0;i<arr1.length;i++){
    console.log(arr1[i])
}

4.数组中元素的个数,length属性

console.log(arr1.length);
目录
相关文章
|
14天前
|
存储 JavaScript 索引
JS中数组的相关方法介绍
JS中数组的相关方法介绍
|
14天前
|
JavaScript Java
JS有趣的灵魂 清空数组
JS有趣的灵魂 清空数组
|
14天前
|
JavaScript
JS 获取对象数据类型的键值对的键与值
JS 获取对象数据类型的键值对的键与值
|
23天前
|
JavaScript 前端开发
Math对象:JavaScript中的数学工具
Math对象:JavaScript中的数学工具
27 1
N..
|
1月前
|
存储 JavaScript 前端开发
JavaScript中的对象
JavaScript中的对象
N..
10 0
|
1月前
|
JavaScript 前端开发 API
常用JavaScript 数组 API大全
常用JavaScript 数组 API大全
32 0
|
17天前
|
JavaScript 算法
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
|
1天前
|
存储 JavaScript 索引
js开发:请解释什么是ES6的Map和Set,以及它们与普通对象和数组的区别。
ES6引入了Map和Set数据结构。Map的键可以是任意类型且有序,与对象的字符串或符号键不同;Set存储唯一值,无重复。两者皆可迭代,支持for...of循环。Map有get、set、has、delete等方法,Set有add、delete、has方法。示例展示了Map和Set的基本操作。
11 3
|
3天前
|
JavaScript 前端开发 开发者
JavaScript中的错误处理:try-catch语句与错误对象
【4月更文挑战第22天】JavaScript中的错误处理通过try-catch语句和错误对象实现。try块包含可能抛出异常的代码,catch块捕获并处理错误,finally块则无论是否出错都会执行。错误对象提供关于错误的详细信息,如类型、消息和堆栈。常见的错误类型包括RangeError、ReferenceError等。最佳实践包括及时捕获错误、提供有用信息、不忽略错误、利用堆栈信息和避免在finally块中抛错。
|
7天前
|
JavaScript 前端开发 索引
JavaScript 数组中的增、删、改、查
JavaScript 数组中的增、删、改、查