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);
目录
相关文章
|
15天前
|
JavaScript 前端开发
如何在 JavaScript 中使用 __proto__ 实现对象的继承?
使用`__proto__`实现对象继承时需要注意原型链的完整性和属性方法的正确继承,避免出现意外的行为和错误。同时,在现代JavaScript中,也可以使用`class`和`extends`关键字来实现更简洁和直观的继承语法,但理解基于`__proto__`的继承方式对于深入理解JavaScript的面向对象编程和原型链机制仍然具有重要意义。
|
19天前
|
Web App开发 JavaScript 前端开发
如何确保 Math 对象的方法在不同的 JavaScript 环境中具有一致的精度?
【10月更文挑战第29天】通过遵循标准和最佳实践、采用固定精度计算、进行全面的测试与验证、避免隐式类型转换以及持续关注和更新等方法,可以在很大程度上确保Math对象的方法在不同的JavaScript环境中具有一致的精度,从而提高代码的可靠性和可移植性。
|
19天前
|
JavaScript 前端开发 图形学
JavaScript 中 Math 对象常用方法
【10月更文挑战第29天】JavaScript中的Math对象提供了丰富多样的数学方法,涵盖了基本数学运算、幂运算、开方、随机数生成、极值获取以及三角函数等多个方面,为各种数学相关的计算和处理提供了强大的支持,是JavaScript编程中不可或缺的一部分。
|
1月前
|
自然语言处理 前端开发 JavaScript
🛠️ JavaScript数组操作指南:20个精通必备技巧🚀
本文详细介绍了 JavaScript 中的 20 个高效数组操作技巧,涵盖了从基本的添加、移除元素,到数组转换和去重等高级操作。强调了不可变性的重要性,提供了清晰的代码示例,帮助开发者编写更整洁和高效的代码。无论是新手还是经验丰富的开发者,这些技巧都将显著提升您的编码能力,使您在项目中更具竞争力。
27 2
|
1月前
|
JavaScript 前端开发 测试技术
JS都有哪些操作数组的方法
JS都有哪些操作数组的方法
25 3
|
1月前
|
存储 JavaScript 前端开发
JavaScript 对象的概念
JavaScript 对象的概念
38 4
|
1月前
|
JavaScript
js删除数组中已知下标的元素
js删除数组中已知下标的元素
37 4
|
1月前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
34 1
|
1月前
|
存储 JavaScript 前端开发
js中函数、方法、对象的区别
js中函数、方法、对象的区别
16 2
|
1月前
|
JavaScript 前端开发 Java
【javaScript数组,函数】的基础知识点
【javaScript数组,函数】的基础知识点
25 5