JavaScript Array（数组）

最新推荐文章于 2023-01-16 18:48:34 发布
最新推荐文章于 2023-01-16 18:48:34 发布
阅读量215 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/niuyaotian/article/details/51254246
版权

1.创建数组

<html>
<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>

2.使用 for...in 声明来遍历数组中的元素

<html>
<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>


3.合并两个数组 - concat()

<html>
<body>
<script type="text/javascript">
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>


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

<html>
<body>
<script type="text/javascript">
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>


5、文字数组 - sort()     //万国码位点排序

<html>
<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())             //万国码位点排序Unicode
</script>
</body>
</html>


6.数字数组 - sort()

<html>
<body>
<script type="text/javascript">
function sortNumber(a, b)
{
return a - b
}
var arr = new Array(6)
arr[0] = "10"
arr[1] = "5"
arr[2] = "40"
arr[3] = "25"
arr[4] = "1000"
arr[5] = "1"
document.write(arr + "<br />")
document.write(arr.sort(sortNumber))    //sortNumber按照先位数后万国码位点排序，及一位，两位分别排序。
</script>
</body>
</html>

Array 对象属性

属性 描述
constructor 返回对创建此对象的数组函数的引用。
length 设置或返回数组中元素的数目。
prototype 使您有能力向对象添加属性和方法。

Array 对象方法

方法 描述
concat() 连接两个或更多的数组，并返回结果。
join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
pop() 删除并返回数组的最后一个元素
push() 向数组的末尾添加一个或更多元素，并返回新的长度。
reverse() 颠倒数组中元素的顺序。
shift() 删除并返回数组的第一个元素
slice() 从某个已有的数组返回选定的元素
sort() 对数组的元素进行排序
splice() 删除元素，并向数组添加新元素。
toSource() 返回该对象的源代码。
toString() 把数组转换为字符串，并返回结果。
toLocaleString() 把数组转换为本地数组，并返回结果。
unshift() 向数组的开头添加一个或更多元素，并返回新的长度。
valueOf() 返回数组对象的原始值


牛耀甜
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript中Array对象方法总结
ahiai的博客
03-25 205
Array 的方法 Array.from() 方法从一个类似数组或者可迭代对象创建一个新的，浅拷贝的数组实例。 console.log(Array.from('foo')); // expected output: Array ["f", "o", "o"] console.log(Array.from([1, 2, 3], x => x + x)); // expected outpu...
JavaScript数组（Array）操作大全
左右为南的专栏
04-01 539
1、创造数组的方式 ：var colors =new Array(); 如果事先知道需要创建的数组的长度则可以：var colors =new Array(20); 也可以直接向Array构造函数传递数组中应该包含的项：var colors =new Array(“red","green","blue"); 2、读取与设置数组的值： var colors = [“red","green",
javascript Array方法总结（上篇）
樊小书生
12-29 488
每个方法都有相应的描述、语法、参数、返回值、注意项（可选）、例子（可选）。 语法中的[]里面中的内容表示参数为可选参数。 Array.from() 描述：从一个类似数组或可迭代对象中创建一个新的数组实例。 语法： new_array = Array.from(arrayLike[, callback(element[, index[, array]])[, thisArg]]); 参数： ar...
【JavaScript】 数组 Array
小数点儿_
10-27 1432
当然 reduce 的作用也不单单只作为一个累加器来用，我们还可以利用 reduce 的特性做其他的用途，比如数组的去重。对应的布尔值，都是 true。数组是复合的数据类型，直接复制的话，只是复制了指向底层数据结构的指针，而不是克隆一个全新的数组。filter() 循环返回一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。原数组的一部分成员，并可以在删除的位置添加新的数组成员，返回值是被删除的。它将新数组的成员，添加到原数组成员的后部，然后返回一个。数组元素，返回改变后的数组。
JavaScript Array数组concat方法的使用
编程界明世隐的博客
12-03 4071
语法 Array.concat(otherArray) 说明： concat()方法用于合并两个或多个数组。此方法不会更改现有数组，而是返回一个新数组。 此方法可以使用任意数量的数组参数。 var arr = [1,2,3,4,5] var arr1=[6,7] var newArr = arr.concat(arr1); console.log("原数组",arr); console.log("返回值",newArr); 输出： 原数组 (5)[1, 2, 3, 4, 5] 返回值 ..
JavaScript Array数组splice方法的使用
编程界明世隐的博客
12-04 3729
语法 array.splice(start[, deleteCount[, item1[, item2[, ...]]]]) start 指定修改的开始位置（从0计数）。如果超出了数组的长度，则从数组末尾开始添加内容；如果是负值，则表示从数组末位开始的第几位（从-1计数，这意味着-n是倒数第n个元素）；如果负数的绝对值大于数组的长度，则表示开始位置为第0位。deleteCount 可选 整数，表示要移除的数组元素的个数。 如果 deleteCount 大于 start 之后的元素的总数，则从 star
JavaScript Array数组slice方法的使用
编程界明世隐的博客
12-03 8230
语法： arr.slice([begin[, end]]) begin可选 从该索引开始提取原数组元素，如果该参数为负数，则表示从原数组中的倒数第几个元素开始提取。 此参数缺省为0，如果begin超出原数组的索引范围，则会返回空数组。 end可选 在该索引处结束提取原数组元素，slice会提取原数组中索引从begin到end的所有元素（包含begin，但不包含end）。 如：slice(0,2)会提取原数组中从第1个元素开始到第3元素之间的（不包含第3个元素）所有元素...
JavaScript Array数组操作详解
李俊标的博客
04-03 1613
数组对象是使用单独的变量名来存储一系列的值。1.创建一个Array(三种方式)//第一种 var car = new Array(); mycars[0] = "Saab"; mycars[1] = "Volvo"; mycars[2] = "BMW"; //第二种 var Car=new Array("Saab","Volvo","BMW"); //第三种 var Car=["
超详细的JavaScript Array数组相关汇总
苦逼的程序猿☺
11-29 2032
前言在RN中涉及到比较多的数组的相关操作，所以在这里对这块内容进行一个整理总结，也是对这块知识的学习！ 本文前一部分内容，根据菜鸟教程整理！创建数组创建数组一般来说有下边三种方式：var array = new Array(); var array = new Array(length); var array = new Array(element0, element1, ..., element
JavaScript-数组（Array）
最新发布
StupidlyGrass的博客
01-16 4827
JavaScript数组（Array）
javascript Array 数组常用方法
10-24
在JavaScript中，Array对象提供了多种方法来操作和处理数组。以下是对标题和描述中提到的一些常用数组方法的详细解释： 1. **join()** `Array.join()`方法用于将数组的所有元素转换为字符串，并使用指定的分隔符...
javascript Array数组对象的扩展函数代码
10-29
标题提到的“javascript Array数组对象的扩展函数代码”就是关于如何给Array对象添加额外的方法，以实现更便捷的操作。描述中提到了“去除字符串空格”和“数组排序”，这些都是常见的数组操作。 首先，我们来讨论...
基于JavaScript Array数组方法(新手必看篇)
10-21
下面，我将详细解释标题中提到的JavaScript Array数组方法，以及描述和部分内容中提到的知识点。 首先，ECMAScript是JavaScript的标准规范，Array类型是ECMAScript中最常用的引用类型。与许多其他编程语言的数组...
JavaScript Array数组去重源码下载
06-29
JavaScript Array数组去重源码下载
js获取输入框信息
niuyaotian的博客
07-21 2104
function input(){                 var one=document.getElementById("con").value;                 alert(one);             }
JS——开灯关灯
niuyaotian的博客
07-21 2033
function turnon(){             document.getElementById("img").src="img/lightOn.jpg";                          }             function turnoff(){             document.getElementById("img").src="img
js——getElementBy
niuyaotian的博客
07-21 1212
getElementBy系列 WEB标准下可以通过getElementById(),getElementsByName(), andgetElementsByTagName()访问DOCUMENT中的任一个标签 1、getElementById() getElementById()可以访问DOCUMENT中的某一特定元素，顾名思义，就是通过ID来取得元素，所以只能访问设置了ID的元素。
JS错误处理
niuyaotian的博客
04-25 495
1.try....catch语句 var txt="" function message() { try    {    adddlert("Welcome guest!")         //出现错误    } catch(err)                                                //做出错误应答    {    t
onerror
niuyaotian的博客
04-25 469
1. onerror=handleErr var txt="" function handleErr(msg,url,l)                                                                     //3       onerror=handleErr那里传了三个参数过去,
JavaScript ES6 数组方法全解析
"这篇文档是关于JavaScript ES6中的数组方法大全，主要面向初学者，介绍了各种版本中数组的创建方式和一系列原型方法，包括ES5和ES6新增的方法。文档详细列出了每个方法的功能和是否改变原数组的特性。" 在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值