数组js，js创建数组

大家好，关于数组js很多朋友都还不太明白，不过没关系，因为今天小编就来为大家分享关于js创建数组的知识点，相信应该可以解决大家的一些困惑和问题，如果碰巧可以解决您的问题，还望关注下本站哦，希望对各位有所帮助！

JS数组方法

数组的创建方式

1.字面量的形式： var arr=[1,2,3];

1.构造函数： var arr1=new Array();//不常用

Array构造函数有一个很大的缺陷，就是不同的参数，会导致它的行为不一致。

1.单个数值作为参数，参数表示数组的元素个数

可以看到，Array作为构造函数，行为很不一致。因此，不建议使用它生成新数组，直接使用数组字面量是更好的做法。

push/pop/unshift/shift//增加、删除元素（数组的方法，所以使用时应调用

数组名.方法名（））

arr. slice/splice//截取元素

arr.slice();原数组不发生改变

无参数时，返回原数组，相当于数组的复制。

一个参数时，从参数作为下标的元素截取，至数组结束。

二个参数时，从第一个参数作为下标（索引）的元素开始截取，到第二个参数作为下标的元素结束，但不包括第二个参数作为下标的函数。（起始元素包含，结尾元素不包含）

多个参数时，前两个参数起效，后边的参数无效。

arr.splice();原数组改变

无参数时，返回空数组。

一个参数时，从参数作为下标的元素截取，至数组结束。

二个参数时，从第一个参数作为下标（索引）的元素开始截取，即表示截取的起始位置，第二个参数表示截取的元素个数。

多个参数时，前两个参数起效，后边的参数从原数组的截取起始位置开始填充，填充到原数组。

reverse/sort//改变元素位置

arr.reverse();//数组翻转(元素位置颠倒)

arr.sort();从小到大排序，但遵循的是字符串的按位比较规则，所以排序结果容易出现异常。

join();//不改变原数组

join()以指定参数作为连接符，将所有数组成员连接为一个字符串返回。如果不提供参数，默认用逗号分隔。

concat();//拼接数组不改变原数组

ES5新增数组操作方法

indexOf(item)返回元素在数组中对应的索引值，找不到的话，返回-1，用以测试元素是否存在于数组中

forEach(function(item,index))遍历数组,没有返回值

map(function(item,index))遍历数组,存在返回值

filter(function(item)){return item>2}返回大于2的元素

some返回布尔值，条件部分成立|| arr.some(function(item){return item>2})

every返回布尔值，条件全部成立&& arr.every(function(item){return item>2})

reduce(对数组中的所有元素调用指定的回调函数。该回调函数的返回值为累积结果，并且此返回值在下一次调用该回调函数时作为参数提供。)arr.reduce(function(a,b){return a+b;});

toString()和toLocaleString()

功能：将数组的每个元素转化为字符串，并且输出用逗号分隔的字符串列表。功能类似join()；

参数：无

输出：字符串

indexOf()和lastIndexOf()

功能：搜索整个数组中具有给定值的元素，返回找到的第一个元素的索引或者如果没有找到就返回-1；lastIndexOf为反向搜索。

参数：元素的值，起点索引（可选）

输出：索引值或-1

Array.from()

功能：将两类对象转为真正的数组：类似数组的对象和可遍历的对象

参数：待转换的对象，第二个参数可选，作用类似于数组的map方法，用来对每个元素进行处理，将处理后的值放入返回的数组。

输出：数组

Array.of()

功能：将一组值，转换为数组。

参数：数组元素

输出：数组

copyWithin()

功能：在当前数组内部，将指定位置的成员复制到其他位置，返回变化后的数组。

参数：索引（从该位置开始替换数据）；索引（从该位置开始读取数据，默认为0，负值表示倒数）；索引（到该位置前停止读取，默认为最大索引）

输出：返回当前替换后的数组。

注意：改变了当前数组

find()和findIndex()

功能：找到第一个符合条件的数组成员。

参数：回调函数，所有数组成员依次执行该函数，直到找到第一个返回值为true的成员。回调函数可以接受三个参数，依次为值，位置，原数组。

输出：find()返回找到的成员；findIndex()返回成员的位置。

fill()

功能：使用给定的值，填充一个数组。

参数：第一个参数为待填充的值，第二和第三参数可选，分别表示填充的起始和结束位置(不包括)。

输出：填充后的数组

entries()、keys()、values()

功能：用于遍历数组，可以用for…of循环进行遍历。区别是keys()是对键名的遍历、values是对键值的遍历、entries()是对键值对的遍历。

参数：无

输出：遍历器对象

includes()

功能：表示某个数组是否包含给定的值

参数：第一个参数必选（待检查的给定值），第二个参数可选，表示搜索的起始位置，默认为0，负数表示倒数的位置。

输出：一个布尔值。

注意：和indexOf的区别，indexOf进行了运算符的强比对，会导致对NaN误判。

js数组添加元素

js数组添加元素的方法有三个，分别是push（）、unshift（）、splice（），下面分别说一下各自的用法

1、push（），在数组的末尾添加新的元素，并返回数组新长度

语法：a.push(“新元素1”，“新元素2”)；

实例：

结果：

2、unshift（），在数组的开头添加新元素，数组中的元素自动后移，返回数组新长度

语法：a.unshift(“新元素1”，“新元素2”)；

注：unshift()方法不能用于 Internet Explorer 8之前的版本，插入的值将被返回成 undefined。

实例

结果：

3、splice（），在指定位置添加一个或者多个新元素，插入位置的元素自动后移，返回""。

例如，在第二位置添加新元素

语法：a.splice（2,0，“新元素1”，“新元素2”）；

实例：

结果：

怎么将数组转为json

要使用json来传输数据，必须将所承载的数据转换成json的格式。json的格式如下：

JSON建构于两种结构：

1.“名称/值”对的集合。不同的语言中，它被理解为对象（object），纪录（record），结构（struct），字典（dictionary），哈希表（hash table），有键列表（keyed list），或者关联数组（associative array）。

2.值的有序列表。在大部分语言中，它被理解为数组（array）。

这些都是常见的数据结构。事实上大部分现代计算机语言都以某种形式支持它们。这使得一种数据格式在同样基于这些结构的编程语言之间交换成为可能。

JSON具有以下这些形式：

1.对象是一个无序的“‘名称/值’对”集合。一个对象以“{”（左括号）开始，“}”（右括号）结束。每个“名称”后跟一个“:”（冒号）；“‘名称/值’对”之间使用“,”（逗号）分隔。

例：{"name":"张三","age":20,"birthday":"1982-07-20"}

这是对象在json中的表示形式.即｛"key1":"value1","key2":"value2",...｝

2.数组是值（value）的有序集合。一个数组以“[”（左中括号）开始，“]”（右中括号）结束。值之间使用“,”（逗号）分隔。

例：［"张三","李四","王五"］

这是数组在json中的表示形式.即［value1,value2,value3,....］

3.值（value）可以是双引号括起来的字符串（string）、数值(number)、true、false、 null、对象（object）或者数组（array）。这些结构可以嵌套。

4.字符串（string）是由双引号包围的任意数量Unicode字符的集合，使用反斜线转义。一个字符（character）即一个单独的字符串（character string）。

字符串（string）与C或者Java的字符串非常相似。

5.数值（number）也与C或者Java的数值非常相似。除去未曾使用的八进制与十六进制格式。除去一些编码细节。

注：你只要记住前两种形式就可以了。

注意：key一定要用引号，而value如果是字符串，也一定要用引号引起来。切记，有的系统中，只当双引号是有效的，而不认单引号。所以建议用双引号。

更多的格式内容请访问

以上说了json的表示形式，那么现在来看一下它的使用：

因为语言的不同，在action中对json的使用方式也不一样，但思路是一样的，那就是将json转换为对象或数组，我们这里只提及客户端的javascript中json的转换。你使用哪种语言，请参照本语言使用json的方式。

1.首先，在javascript中要获取前端页面中所有输入域的值，保存到数组或一个对象中。

2.将对象或数组转换成JSON格式。有一个js文件能让我们转换起来非常方便，就是prototype.js，导入这个文件后，使用（对象.toJSON()）或（数组.toJSON()）,这个对象或数组就被保存成为了JSON格式的数据

3.将这个JSON对象传入action中进行处理，然后返回。

4.如果返回的是一个json，那么各户端接收以后需要将json格式的数据转换为javascrip中的对象或数组。同样使用prototype.js，（json对象.evalJSON()）;好了，这样就转换成js中的对象或数组了。同样你也可以使用javascript中的eval函数进行转换。（eval(json对象)）,这两种方式都可以效果是相同的，都是返回的javascript的对象或数组。你现在就可以在客户端的javascript中使用这个对象或数组了

注意：prototype.js与json.js可能会有冲突，建议只使用一种。当然在这里没有介绍json.js的使用，原因是prototype.js的功能已经十分强大，在使用prototype.js时，已经没有必要再使用json.js了

好了，本文到此结束，如果可以帮助到大家，还望关注本站哦！