JavaScript Array（数组）对象

最新推荐文章于 2024-02-28 11:55:38 发布
最新推荐文章于 2024-02-28 11:55:38 发布
阅读量752 收藏 1
点赞数
文章标签： javascript 对象 数组 数组对象

数组对象的作用是：使用单独的变量名来存储一系列的值。

实例

创建数组
创建数组，为其赋值，然后输出这些值。 

    <!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<script type="text/javascript">
var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"

for (i=0;i<mycars.length;i++)
{
document.write(mycars[i] + "<br />")
}
</script>
</body>
</html>
效果图：


For...In 声明
使用 for...in 声明来循环输出数组中的元素。 

    <!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<script type="text/javascript">
var x
var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"

for (x in mycars)
{
document.write(mycars[x] + "<br />")
}
</script>
</body>
</html>
效果图：


合并两个数组 - concat()
如何使用 concat() 方法来合并两个数组。 

    <!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<script>
	var arr = new Array(3);
	arr[0] = "George"
	arr[1] = "John"
	arr[2] = "Thomas"

	var arr2 = new Array(3)
	arr2[0] = "James"
	arr2[1] = "Adrew"
	arr2[2] = "Martin"
	
	document.write(arr.concat(arr2));
</script>
</body>
</html>
效果图：


用数组的元素组成字符串 - join()

如何使用 join() 方法将数组的所有元素组成一个字符串。 

    <!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<script>
	var arr = new Array(3);
	arr[0] = "George"
	arr[1] = "John"
	arr[2] = "Thomas"

	document.write(arr.join());
	document.write("<br />");
	document.write(arr.join("."));
</script>
</body>
</html>
效果图：

文字数组 - sort()
如何使用 sort() 方法从字面上对数组进行排序。 

    <!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>

<script type="text/javascript">
var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "<br />")
document.write(arr.sort())
</script>

</body>
</html>
效果图：


数字数组 - sort()
如何使用 sort() 方法从数值上对数组进行排序。 

    <!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>

<script type="text/javascript">

function sortNumber(a, b)
{
return a - b
}

var arr = new Array(6)
arr[0] = "2"
arr[1] = "13"
arr[2] = "22"
arr[3] = "25"
arr[4] = "1200"
arr[5] = "1"

document.write(arr + "<br />")
document.write(arr.sort(sortNumber))
</script>

</body>
</html>
效果图：

依然那么楞
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
javascript对象——数组对象
m0_72313625的博客
08-16 3645
添加数组元素：push() unshift() 删除数组元素：pop() shift() 删除或替换现有元素或者原地添加新的元素来修改数组 splice(star,num,insert) 截取指定开始位置到结束位置的字符串 slice 用于合并两个或多个数组 concat() 获取索引值的方法(去重时可以考虑使用） indexOf(数组元素,起始位置) lastIndexOf(数组元素，起始位置) ...
javascript Array数组对象的扩展函数代码
10-29
标题提到的“javascript Array数组对象的扩展函数代码”就是关于如何给Array对象添加额外的方法，以实现更便捷的操作。描述中提到了“去除字符串空格”和“数组排序”，这些都是常见的数组操作。 首先，我们来讨论...
JS 数组对象常用方法
最新发布
皮皮的博客
02-28 911
数组常用方法
JavaScript Array（数组） 对象
笔记
02-18 953
JavaScript 中的 Array（数组）对象是一种用来存储一系列值的容器，它可以包含任意类型的数据，包括数字、字符串、对象等等。通过使用数组对象，我们可以轻松地组织和处理数据，以及进行各种操作，比如查找、排序、过滤、迭代等等。在 JavaScript 中，我们可以通过多种方式来创建一个数组对象。2.1 直接定义在这个例子中，我们定义了一个包含 5 个元素的数组，分别是 1、2、3、4、5。2.2 构造函数。
JavaScript数组对象简介及其常用方法介绍
qq_40837310的博客
01-12 374
数组 就是存储多个数据的集合。 创建一个数组。 //对象形式创建一个数组。 var arr1 = new Array(); //字面量形式创建一个数组。 var arr2 = []; arr1.push(1,2,3); arr2.push("yehaocong","liaoxiaoyan"); console.log(arr1); console.log(arr2); 数组的常用方法： concat()：连接多个数组，返回一个新的数组，但是不会影响原本的数组。 join()：将数组转化成一个字
Javascript中的Array数组对象详谈
10-26
在JavaScript中，Array数组对象是用于存储一组有序数据的数据结构。它可以包含任意类型的数据，如数字、字符串、布尔值甚至是其他对象。数组的定义和初始化非常灵活，这体现了JavaScript语言的弱类型特性。例如，...
javascript之Array 数组对象详解
01-21
1、创建Array对象方法： —>var arr = [element0, element1, …, ...//定义一个没有任何内容的数组对象，然后以下面的方式为其赋值 arr[0] = “arr0”; arr[1] = “arr1”; arr[2] = “arr2”; —>new Array(size
jQuery根据元素值或元素下标来删除一个数组元素及数组对象方法列表
ama7449的博客
11-20 113
前提不知道b在这个数组的下标，删除b这个元素 var arrList = ['a','b','c','d']; arrList.splice(jQuery.inArray('b',arrList),1); alert(arrList); 其中jQuery.inArray('b',arrList)是b这个元素在数组arrList 中的位置 splice(index,...
VQuery高级特性
u012138854的博客
06-27 94
VQuery高级特性 css方法 同时设置多个--for in 链式操作 链式操作 函数，链式操作 css 方法链式操作 json的使用 阻止冒泡，默认事件 VQuery插件 插件机制 可以扩展库的功能 extend 为VQuery添加方法 ...
javascript-数组对象
m0_59642141的博客
08-03 124
数组对象，json、json遍历、解析
仿jquery框架设计vquery
pkgray的专栏
07-26 2678
--> aaaa aaaa aaaa aaaa /** $(document).ready(function(){ $.extend({ aa:function(){ alert(12) }, leftTrim:function(str){ return str.replace(/^\s+/,''); } }) $.f
javascript的Array对象
e286878553的博客
06-23 163
Array对象是javascript中唯一的容器。现在我们来了解一下Array的方法：    1）、concat（）方法：连接两个或两个以上的数组，并返回结果（这个是非原地修改） var str1="hello"; var str2="world"; str=str1.concat(str2); println(str);//helloworld    2）、join...
建立自己的封装库（一）
热门推荐
headwind的博客
12-14 1万+
经常会遇到需要自己画封装的情况，之前每次都是一个原件新建一个原理图库和pcb库，而且有没有联系起来，时间长了会发现很乱，而且也会养成不好的习惯，后来在网上找过很多资料，建立了一个属于自己的封装库，方便管理，现在就总结分享一下自己的学习过程吧，有发现什么问题或有更棒的方法都欢迎与我交流~
javascript Array方法总结（上篇）
樊小书生
12-29 482
每个方法都有相应的描述、语法、参数、返回值、注意项（可选）、例子（可选）。 语法中的[]里面中的内容表示参数为可选参数。 Array.from() 描述：从一个类似数组或可迭代对象中创建一个新的数组实例。 语法： new_array = Array.from(arrayLike[, callback(element[, index[, array]])[, thisArg]]); 参数： ar...
JavaScript 对象与数组参考大全
流落街头(蜗牛)
08-23 1427
本文列举了各种JavaScript对象与数组,同时包括对上述每一对象或数组所完成工作的简短描述,以及与其相关的属性方法,以及事件处理程序,还注明了该对象或数组的父对象用户同样可能需要参考Online Companion中的超级文本Object Hierarchy页面(http://www.netscapepress.com/support/javascript/10-9.htm),以便了解这些对象
JQuery部分功能底层实现
越陌度阡
06-09 676
// 为指定对象添加指定方法与执行方法后的回调函数(对象、方法、回调函数) function myAddEvent(obj, sEv, fn) { // 兼容IE写法,attachEvent会把绑定函数的this换成window if (obj.attachEvent) { // 在 attachEvent 方法中，事件是以 “on” 开头的 ob......
封装自己的js库(一)---仿照JQuery
yanlzhl的博客
01-06 4744
1.index.html VQuery --> new VQuery(function(){ //相当于window.onload=function(){} // new VQuery('#btn1').click(function(){ // alert('a'); // }); // new VQuery('.one')
JavaScript 类数组对象的定义
05-13
JavaScript 类数组对象指的是具有类数组特性的对象，它们类似于数组，但并不是真正的数组。...如果需要将类数组对象转换为真正的数组，可以使用 `Array.from()` 方法或者 `Array.prototype.slice.call()` 方法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值