JS 基础之数组与伪数组？JS 数组相关操作

本文目录

• JS 基础之数组与伪数组
• JS 数组相关操作
• JS Array（数组）所有操作方法，改变数组方法、不改变数组方法
• JS数组方法
• js数组几种常见的操作方法
• JS中如何获取数组中的一部分元素
• js怎么输出数组
• JS数组有哪几种定义方式
• JS 中如何判断数组

JS 基础之数组与伪数组

- window.Array 全局对象（也是函数）
(1) 创建数组

注意： Array 加 new 与不加 new 效果都一样。

结论：1. number ， string ， boolean 等基本数据类型对应的构造函数，不加 new 的话返回的还是基本数据类型，加 new 的话返回的是复杂类型即对象（ object ）。
2. object （ array ， function ）等对应的构造函数，加 new 与不加 new 形式都一样。

window.Function 全局对象（也是函数）

注意：加不加 new 结果一样

1.具名函数

2.匿名函数

3.具名函数 + var

4.window.Function + var

注意： function 关键字 用来声明一个函数。
Function 全局对象
一般不推荐用第四种。

人类理解：数组就是数据的有序集合
JS理解：数据就是原型链中有 Array.prototype 的对象

伪数组 ：1.有 0,1,2,3,4,5...n,length 这些 key 的对象。
2.原型链中没有 Array.prototype 。
目前知道的伪数组： arguments 对象
document.querySelectAll(’div’) 返回的对象

1. Array.prototype.forEach
使用forEach时需要接受一个函数，这个函数必须接受两个函数。

3. Array.prototype.join
将一个数组的所有元素连接成一个字符串并返回这个字符串。

7. Array.prototype.reduce
遍历一个数组，每次取个结果，并放到下一项身上。

注意:最后一段是箭头写法，比较美观。

JS 数组相关操作

push()可以将某些值加入到数组的最后一个位置，并且不限制添加数量（注：数组长度是有限制的），如果需要添加多项内容使用逗号隔开即可，加入后数组长度会增加。

let a=;

a.push(9,10);

console.log(a);//

pop()会移除数组的最后一个元素。

let a=;

a.pop();

console.log(a);//

shift() 会移除数组的第一个元素。

let a=;

a.shift();

console.log(a);//

unshift() 会将指定的元素添加到数组的第一个位置。

let a=;

a.unshift(100,200,300);

console.log(a);//

reverse()会将数组反转

let a=;

a.reverse();

console.log(a);//

splice()可以移除或新增数列的元素，它包含了三个参数，第一个是要移除或要添加的序列号( 必填)，第二个是要移除的长度( 选填，若不填则从第一个参数序号位置开始，后方的所有元素都会被移除，若设定为0则不会有元素被移除)，第三个是要替换的内容( 选填 )

let a=;

a.splice(5,1);

console.log(a);// ( 6 被移除了 )

添加第三个参数就能够添加或替换元素。

let a=;

a.splice(5,1,100);

console.log(a);// ( 6 被移除，100加到第5个位置 )

let b=;

b.splice(5,3,100,200,300);

console.log(b);// ( 6,7,8 被移除，100,200,300 加到第 5,6,7 个位置 )

let c=;

c.splice(5,0,100);

console.log(c);// ( 没有元素被移除，100 加到第 5 个位置 )

sort()可以针对数组的元素进行排序，里头包含了一个排序用的判断函数，函数内必须包含两个参数，这两个参数分别代表数组里的第n个和第n+1 个元素，通过比较第n和第n+1个元素的大小来进行排序。

let a=;

a.sort((x,y)=》y-x);

console.log(a);//

a.sort((x,y)=》x-y);

console.log(a);//

如果不使用判断函数， 默认会将元素转换成字串，并采用unicode来判断 ，这也会造成某些数字的排序错误，如下段示例：

let a=;

a.sort();

console.log(a);//

copyWithin()能复制数组中的某些元素，并将它们放到同一个数组指定的位置，copyWithin()有三个参数，第一个是要置换的位置(必填)，第二个是从什么位置开始复制(选填，预设0 )，第三个是停止复制的元素的前一个位置(选填，默认值等于数组长度)。

let a=;

a.copyWithin(2);

console.log(a);// ( 因 7 和 8 超过数组长度，只出只复制到6 )

let b=;

b.copyWithin(3,1,3);

console.log(b);// ( 复制 2,3 取代 4,5 )

fill()会把数组中所有元素，置换为指定的值，fill()有三个参数，第一个是准备要置换的内容(必填)，第二个是从什么位置开始置换(选填，不设定就全部置换) ，第三个是停止置换的元素的前一个位置(选填，预设等于数组长度)。

let a=;

a.fill(’a’);

console.log(a);//

let b=;

b.fill(’b’,3,5);

console.log(b);//

length可以取得数组的长度。

let a=;

console.log(a.length);// 8

indexOf() 会判断数组中是否包含某个值，判断的方式为「由左而右」，如果有包含就返回这个值在数组中的索引值，如果没有就返回-1，有两个参数，第一个参数表示要判断的值( 必填)，第二个参数表示从数组的哪个位置开始判断( 选填，预设为0 )。

let a=;

console.log(a.indexOf(4));// 3

console.log(a.indexOf(4,5));// -1 ( 在6,7,8中搜索有没有4 )

lastIndexOf() 会判断数组中是否包含某个值，判断的方式为「由右而左」，如果有包含就返回这个值在数组中的索引值，如果没有就返回-1，这个方法有两个参数，第一个参数表示要判断的值( 必填)，第二个参数表示判断从数组的哪个位置开始从右往左查找( 选填，默认为整个数组长度-1 )。

let a=;

console.log(a.lastIndexOf(3));// 2

console.log(a.lastIndexOf(3,1));// -1 ( 只在1,2中判断，所以没有 3 )

find()会将数组中的「每一个」元素带入指定的函数内做判断，并会返回第一个符合判断条件的元素，如果没有元素符合则会返回undefined。

let a=;

console.log(a.find(e=》e》3));// 4

console.log(a.find(e=》e《0));// undefined

findIndex()会将数组中的「每一个」元素带入指定的函数内做判断，并会返回第一个符合判断条件元素的位置索引，如果没有元素符合则会返回-1。

let a=;

console.log(a.findIndex(e=》e》3));// 3

console.log(a.findIndex(e=》e《0));// -1

filter()会将数组中的「每一个」元素带入指定的函数内做判断，如果元素符合判断条件则会返回，组成一个新的数组。

let a=;

console.log(a.filter(e=》e》3));//

console.log(a.filter(e=》e%2==0));//

forEach()会将数组中每个元素套用到指定的函数里进行运算，函数有三个参数，第一个参数表示每个元素的值( 必填)，第二个参数为该元素的索引值( 选填)，第三个参数则表示原本的数组( 选填)。

let a=;

let b=0;

a.forEach(item=》{b=b+item;});

console.log(b);// 15 ( 1+2+3+4+5 )

如果结合第二和第三个参数进行搭配使用，就能做到改变原本数组的效果。

let a=;

a.forEach((item,index,arr)=》{arr=item*10;});

console.log(a);//

join()可以将数组中所有元素，变成由指定的字符分割合并在一起组合成字符串进行呈现，若没有指定字符默认会用「逗号」合并。

let a=;

console.log(a.join());// 1,2,3,4,5,6,7,8

console.log(a.join(’’));// 12345678

console.log(a.join(’@@’));// 1@@2@@3@@4@@5@@6@@7@@8

concat()可以将两个数组合并在一起，如果是使用ES6语法也可以用扩展运算符...来代替。

let a=;

let b=;

let c=a.concat(b);

let d=;// 使用 ...

console.log(c);//

console.log(d);//

slice()可以截取出数组某部份的元素为一个新的数组，有两个必填的参数，第一个是起始位置，第二个是结束位置( 操作时数字减1 )。

let a=;

let b=a.slice(2,4);

console.log(b);//

map()会处理数组中每个元素，最后返回一个新的数组，里头有一个函数( 必填) 和一个返回函数里的this参数( 选填)，函数内又包含三个参数，第一个是每个元素的值( 必填)，第二个是当前元素的索引值( 选填)，第三个是当前的数组( 选填)。

let a=;

let b=a.map(e=》{returne+10;});

console.log(b);//

使用第二个和第三个参数的示例:

let a=;

let b=a.map((e,i,arr)=》{return`${e}${i}${arr.find(e=》e%5==1)}`;// 组合成「元素 + 索引值 + 除以五余数为1的第一个元素」});

console.log(b);//

如果要使用回调函数里this的参数，则「不能使用」箭头函数，因为箭头函数的this指向和函数的this指向不同，所以要用一般的函数处理。

let a=;

let b=a.map(function(e){

    returne+this;// 此处的 this为10

},10);

console.log(b);//

reduce() 可以将数组中每个元素进行计算，每次计算的结果会再与下个元素作计算，直到结束为止，里头包含一个函数( 必填) 和初始计算的数值( 选填)，函数内有四个参数，第一个是计算的值( 必填)，第二个是取得的元素(必填)，第三个是该元素的索引值( 选填)，第四个是原本的数组(选填)。

let a=;

let b=a.reduce(function(total,e){returntotal+e;});

console.log(b);// 36 ( 1+2+3+4+5+6+7+8=36 )

reduceRight() 和reduce()大同小异，只是其计算方式是由右到左，对于加法来说没什么影响，但对于减法而言就有差异。

let a=;

let b=a.reduce(function(total,e){returntotal-e;});

console.log(b);// -34 ( 1-2-3-4-5-6-7-8 = -34 )

let c=a.reduceRight(function(total,e){returntotal-e;});

console.log(c);// -20 ( 8-7-6-5-4-3-2-1 = -20 )

flat()可以将一个多维数组的深度转成一维(扁平化或称作降维)，它有一个选填的参数，代表要转换的深度数字，预设为1（只展开一层放到一维数组里，如果是2，只展开2层放到一维数组里），如果深度有很多层，可使用Infinity来全部展开成一维数组。

let a=;

let b=a.flat();

let c=a.flat(2);

let d=a.flat(Infinity);

console.log(b);//

console.log(c);//

console.log(d);//

flatMap()的方法等于map()和flat()的组合，在运算后直接将数组扁平化处理。

let a=;

let b=a.flatMap(e=》e+1);

let c=a.map(e=》e+1).flat();

console.log(b);// ( 可以看到 b 和 c 得到的结果相同 )

console.log(c);//

Array.isArray()能判断一个元素是否为数组，如果是就返回true，不然就返回false。

let a=;

let b=123;letc=’hello’;

let d={d1:1,d2:2};

console.log(Array.isArray(a));// true

console.log(Array.isArray(b));// false

console.log(Array.isArray(c));// false

console.log(Array.isArray(d));// false

Array.from()会将「类数组」或是「可迭代的对象」转换成数组，Array.from()有两个参数，第一个参数为「类数组对象」或「可迭代的对象」(必填)，第二个参数则是改变转换成数组元素的函数(选填)。

类数组对象具有length 属性以及索引化index 的元素，可迭代对象表示具有可以利用迭代的方式取得它自己本身的元素，例如Map 和Set...等。( 参考MDN 说法 )

let a=’abcde’;

let b=Array.from(a);

console.log(b);//

let c=Array.from(a,e=》e+e);

console.log(c);//

类数组对象写法必须包含length 属性，且对象的key须为0开始的数字，对应转换后的元素索引。

let a={’0’:14,’2’:13,’1’:7,’3’:9,’4’:6,length:5};

let b=Array.from(a);

console.log(b);//

Array.of()可以快速将数字、字串等内容，转换成数组。

let a=Array.of(1,’a’,2,’b’,3);

console.log(a);//

toString()会把整个数组转换成字符串。

let a=;

let b=a.toString();

console.log(b);// 1,2,3,4,5,6,7,8

every()会将数组中的「每一个」元素带入指定的函数内做判断，只要有任何一个元素不符合判断条件，会回返回false，如果全部符合，就会回传true。

let a=;

console.log(a.every(e=》e》3));// fasle ( 因为1、2 小于 3，3 等于 3 )

console.log(a.every(e=》e》0));// true

some()会将数组中的「每一个」元素带入指定的函数内做判断，只要有任何一个元素符合判断条件，就会返回true，如果全都不符合，才会返回false。

let a=;

console.log(a.some(e=》e》3));// 返回 true，因为 4、5、6 大于 3

console.log(a.some(e=》e》6));// 返回 fasle，因为全都小于或等于 6

includes()会判断数组中是否包含某个值，如果有包含就返回true，否则返回false，有两个参数，第一个参数表示要判断的值( 必填)，第二个参数表示从数组的哪个位置开始判断( 选填)。

let a=;

console.log(a.includes(2));// true

console.log(a.includes(2,2));// false ( 在 3,4,5,6,7,8 查找有没有 2 )

valueOf()会返回数组的原始值，如果原本的数组有修改，那么返回的原始值也会跟着改变（相当浅复制）

let a=;

let b=a.valueOf();

console.log(a);//

let c=a.valueOf();

a.shift();

console.log(a);//

console.log(b);// ( 因为 a 的原始值更新了，所以 b 也变了 )

console.log(c);//

keys()会返回数组中的每一个索引值( key )成为一个新的Array Iterator对象，因为是Array Iterator对象，可以使用for...of进行迭代。

let a=;

let b=a.keys();

for(let key of b){

    console.log(key);// 1、2、3、4、5

}

JS Array（数组）所有操作方法，改变数组方法、不改变数组方法

定义：返回由所有参数值组成的数组，如果没有参数，就返回一个空数组。
目的：Array.of() 出现的目的是为了解决上述构造器因参数个数不同，导致的行为有差异的问题。

参数：
第一个参数(必需):要转化为真正数组的对象。
第二个参数(可选): 类似数组的map方法，对每个元素进行处理，将处理后的值放入返回的数组。
第三个参数(可选): 用来绑定this。

ps：splice方法从数组中添加/删除项目，然后返回被删除的项目

语法： array.splice(index,howmany,item1,.....,itemX)
参数:
index：必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。
howmany：必需。要删除的项目数量。如果设置为 0，则不会删除项目。
item1, …, itemX： 可选。向数组添加的新项目。
返回值: 如果有元素被删除,返回包含被删除项目的新数组。

删除元素

删除并添加

不删除只添加

ps：方法接受两个参数，一个从哪里开始，一个是到哪里结束（但是不包括这个结束的元素本身）。如果是负数，就从倒数第几个。

参数可选: 规定排序顺序的比较 函数 。
默认情况下sort()方法没有传比较函数的话，默认按字母升序，如果不是元素不是字符串的话，会调用toString()方法将元素转化为字符串的Unicode(万国码)位点，然后再比较字符。

比较函数的两个参数
sort的比较函数有两个默认参数，要在函数中接收这两个参数，这两个参数是数组中两个要比较的元素，通常我们用 a 和 b 接收两个将要比较的元素：

sort排序常见用法
数组元素为数字的升序、降序:

数组多条件排序

自定义比较函数

定义: 在当前数组内部，将指定位置的成员复制到其他位置,并返回这个数组。
语法: array.copyWithin(target, start = 0, end = this.length)
参数:
三个参数都是数值，如果不是，会自动转为数值.
target（必需）：从该位置开始替换数据。如果为负值，表示倒数。
start（可选）：从该位置开始读取数据，默认为 0。如果为负值，表示倒数。
end（可选）：到该位置前停止读取数据，默认等于数组长度。使用负数可从数组结尾处规定位置。
浏览器兼容(MDN): chrome 45,Edge 12,Firefox32,Opera 32,Safari 9, IE 不支持

从上述例子:
第一个参数是开始被替换的元素位置
要替换数据的位置范围:从第二个参数是开始读取的元素，在第三个参数前面一个元素停止读取
数组的长度不会改变
读了几个元素就从开始被替换的地方替换几个元素

参数:
第一个元素(必须): 要填充数组的值
第二个元素(可选): 填充的开始位置,默认值为0
第三个元素(可选)：填充的结束位置，默认是为this.length

使用join方法或者下文说到的toString方法时，当数组中的元素也是数组或者是对象时会出现什么情况？

join()/toString()方法在数组元素是数组的时候，会将里面的数组也调用join()/toString(),如果是对象的话，对象会被转为字符串。

如上述栗子：调用数组的toLocaleString方法，数组中的每个元素都会调用自身的toLocaleString方法，对象调用对象的toLocaleString,Date调用Date的toLocaleString。

该方法的效果和join方法一样，都是用于数组转字符串的，但是与join方法相比没有优势，也不能自定义字符串的分隔符，因此不推荐使用。
ps：当数组和字符串操作的时候，js 会调用这个方法将数组自动转换成字符串

ps：字符串也有一个slice() 方法是用来提取字符串的，不要弄混了。
参数:
begin(可选): 索引数值,接受负值，从该索引处开始提取原数组中的元素,默认值为0。
end(可选):索引数值(不包括),接受负值，在该索引处前结束提取原数组元素，默认值为数组末尾(包括最后一个元素)。

如上：新数组是浅拷贝的，元素是简单数据类型，改变之后不会互相干扰。

如果是复杂数据类型(对象,数组)的话，改变其中一个，另外一个也会改变

原因在定义上面说过了的：slice()是浅拷贝，对于复杂的数据类型浅拷贝，拷贝的只是指向原数组的指针，所以无论改变原数组，还是浅拷贝的数组，都是改变原数组的数据。

ES6扩展运算符...合并数组：
因为ES6的语法更简洁易懂，所以现在合并数组我大部分采用...来处理，...运算符可以实现cancat的每个栗子，且更简洁和具有高度自定义数组元素位置的效果。

参数:
searchElement(必须):被查找的元素
fromIndex(可选):开始查找的位置(不能大于等于数组的长度，返回-1)，接受负值，默认值为0。
严格相等的搜索:
数组的indexOf搜索跟字符串的indexOf不一样,数组的indexOf使用严格相等===搜索元素，即数组元素要完全匹配才能搜索成功。
注意：indexOf()不能识别NaN

参数:
searchElement(必须): 被查找的元素
fromIndex(可选): 逆向查找开始位置，默认值数组的长度-1，即查找整个数组。
关于fromIndex有三个规则:
正值。如果该值大于或等于数组的长度，则整个数组会被查找。
负值。将其视为从数组末尾向前的偏移。(比如-2，从数组最后第二个元素开始往前查找)
负值。其绝对值大于数组长度，则方法返回 -1，即数组不会被查找。

参数：
searchElement(必须):被查找的元素
fromIndex(可选):默认值为0，参数表示搜索的起始位置，接受负值。正值超过数组长度，数组不会被搜索，返回false。负值绝对值超过长数组度，重置从0开始搜索。
includes方法是为了弥补indexOf方法的缺陷而出现的:
indexOf方法不能识别NaN
indexOf方法检查是否包含某个值不够语义化，需要判断是否不等于-1，表达不够直观

JS数组方法

数组的创建方式
1.字面量的形式： var arr=;
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数组的用法有很多，下面主要针对一些简单的操作，比如合并，反转，添加删除等简单的操作总结一下。

关于js数组的用法有很多，下面主要针对一些简单的操作，比如合并，反转，添加删除等简单的操作总结一下。

第一：读取数组 for循环

方法如下：

var ay=
for (var i=0;i《ay.length;i++) {

console.log("index:"+i+" "+ay)  //index：0 1         index：1 sdsd         index：2 sdsd

}

第二：合并数组 concat

方法如下：

var arr1=;

var arr2=;
var arr3=arr1.concat(arr2);
console.log(arr3) //;
第三：数组变为字符串格式 join

方法如下：

var arr1=;

var arr4=arr1.join()
console.log(arr4) //w,e,s

第四：删除最后一个元素,针对老数组是删除最后一个,针对新数组是返回最后一个  pop

var arr6=;
var arr7=arr6.pop();
console.log(arr6) // ;
console.log(arr7);// t

第五：添加最后一个元素，针对老数组最后一个元素后面添加一个元素，新数组返回元素个数   push

var arr8=;

var arr9=arr8.push("k");

console.log(arr8); //;

console.log(arr9); // 4

第六：shift() 和pop()一样，不同的是操作的是开头删除的元素shift（）；具体操作不在展示
第七：unshiift()和push一样，不同的是操作的是开头添加的元素unshift（）；具体操作不再展示

第八：反转数组  reverse

方法如下：

var arr1=;

var arr10=arr1.reverse()

console.log(arr10)  //;

第九：数组排序 sort  a-b正向    b-a 反向

正向

var arr11=
var arr12=arr11.sort(function  (a,b) {
return a-b;
})
console.log(arr12) //;

反向

var arr13=arr11.sort(function  (a,b) {
return b-a;
})
console.log(arr13) //

第十：数组截取 数组截取的方法主要有slice 和splice，另外说到截取我这里随便也把字符串截取带上，字符串截取的方法主要有substr 和substring

（1）slice 使用方法arr.slice(m,n);其中arr为数组，m，n为两个参数，意思是从已有数组中返回选定的元素，截取位置均为下标，其中m必须，为起始位置，可以为负值，n为结束位置（截取位置并不包含）。

示例如下：

①只有起起始值，并且为正，默认的从起始位置一直到整个数组结束，起始下标从0开始

var arr=
var arr1=arr.slice(1)
console.log(arr) //  老数组是没有变化的，下面不在列举，都是一样的
console.log(arr1) // 只有起始参数，并且为正值，返回新数组从下标1开始截取

②只有起始值，并且为负，默认的是从起始位置一直到整个数组结束，此处没有起始值，数组的最后一个下标是-1，比如此例，如果从-6开始取，必定是整个数组

var arr=
var arr1=arr.slice(-1)
console.log(arr1) // 只有起始参数，并且为负值，从数组尾部截取元素

③有起始值和结束值，并且为正，此处需注意下标是从小到大，比如你（3，1）肯定是取不到值的，另外截取的下标个数并不包含最后一个下标

var arr=
var arr1=arr.slice(1,4)
console.log(arr1) //  此时是从下标1开始到下标4，但是需要注意的是并不包含下标4，准确的说是1-3的下标

④有起始值和结束值，并且为负，此处需注意下秒也是从小到大，同理，比如（-1，-6）也是肯定取不到值的，另外截取的下标个数也并不包含最后一个下标

var arr=
var arr1=arr.slice(-6,-1)
console.log(arr1) //

⑤有起始值和结束值，并且正负都有

负值到0

var arr=
var arr1=arr.slice(-1,0)

//刚刚都看到了，数组下标都是从小到大的，所以说如果正负都有的情况下，理论上应该可以取值的，比如这个例子，-1为9的小标，0为2的下标，所以取值应该为  ，但是结果并不是这样的
console.log(arr1) // 从这里可以看出他的结果是为空的，所以从负值到0结果是取不到的

负值到正直

var arr=

var arr1=arr.slice(-1,2)

//那从负值到正值呢，同样也是取不到值的

console.log(arr1) // 

正直到负值

var arr=

var arr1=arr.slice(2,-1)

//那从正直到负值，这个理论上是取不到的，但是看下结果

console.log(arr1) //  从结果可以看出是可以取的 原理是2的下标为5，-1的下标为9，不包含结束位置下标

总结：这个方法看着可能会麻烦些（也可能被我写的麻烦啦），比如正到负等，不知道大家都是怎么操作，我一般用这个取值都是只截取正的，所以这个实际操作还是非常简单的。

（2）splice 像数组中添加或者删除元素
arr.splice(m,n,index,index1,...,indexx)
m是起始位置，n是删除元素的个数，index是要添加的元素，在不添加元素的前提下，只有第一个参数是必须的，后面两个都不是必须的，在需要添加元素的情况下，三个元素都是必须的，此方法和slice是不一样的，这个返回的是被删除的元素

示例如下：

只删除不添加 

注意看此例，是（1，2）删除两个，如果是（1，0），则表示删除零个，也就是不删除的意思，如果只有一个参数则表示从这里开始删除，比如是（1）则为

var arr=
var arr1=arr.splice(1,2)
console.log(arr) // 注意看此处才是我们要的数组，从下标1开始删除删除两个
console.log(arr1) // 此处是我们删除掉的数组

删除加添加 具体的和上面的差不多，主要添加了添加元素的效果，这个也可以添加多个元素

var arr=
var arr1=arr.splice(1,2,"il")
console.log(arr) // 
console.log(arr1) //

总结：此方法用的时候，一般也都是只取正值

（3）substr 这个是字符串的用法 用法arr.substr(m,n) m必选也可以负值 n选填，注意看这个并不是结束为止而是截取的个数

示例如下：

只有一个参数 默认从此下标开始，取后面所有的

正值

var arr="sdhgfhf"
var arr1=arr.substr(1)
console.log(arr)// "sdhgfhf"这个是不变的，下面不再列举
console.log(arr1)// "dhgfhf" 从下标1开始取后面所有的 

负值

var arr="sdhgfhf"
var arr1=arr.substr(-2)
console.log(arr1)// "hf" 从下标-2开始取后面所有的 

两个参数，从第一个下标开始，截取到下标2的长度

var arr="sdhgfhf"
var arr1=arr.substr(1，3)
console.log(arr1)// "dhg" 从下标1开始取后面所有的 同理如果为负值，比如（-6，3）则为"hjf";后面的始终为长度

总结：此方法需注意不要和数组的混淆，这个是截取长度的

（4）substring  用法arr.substring(m,n) 两个参数，m必须，起始位置 ，n选填，截取下标的结束位置，此用法和上面slice有点类似，但是需要注意的是此方法是不支持负值的

示例如下：

只有一个参数

var arr="sdhgfhf"
var arr1=arr.substring(1)
console.log(arr1)//"dhgfhf"从下标1开始取后面所有的

两个参数

var arr="sdhgfhf"
var arr1=arr.substring(1,3)
console.log(arr1)// "dh"从下标1开始截取到下标3，但是不包含3

总结：此方法不支持负值，只针对下标来截取的

最后，以上主要是总结的数组的一些简单的操作方法，学无止境，继续努力。

JS中如何获取数组中的一部分元素

js获取数组中的一部分元素，有2种方法：slice和filter函数，下面分别介绍。

slice

slice的定义和用法如下，用于截取数组的一段

执行

var arr = ;

arr.slice(1,4);

这2行代码，可以看到截取了1到4下标的代码

filter

filter则用于过滤数组中的一部分元素，剩下的元素就是需要的那部分元素。

现在尝试下面代码，可以将一个数字数组中的偶数过滤掉，只留下奇数。

var arr = ;

arr.filter(e=》e%2==0)

js怎么输出数组

可以用alert函数看里面的值的

但是必须用for循环

var array = ; //your array here

for(count=0;count《array.length;count++){

alert(array);

}

或

《!DOCTYPE HTML》

《html》

《head》

《meta charset="UTF-8"》

《title》menu《/title》

《style type="text/css"》

《/style》

《script type="text/javascript"》

console.log(target)

《/script》

《/head》

《body》

《/body》

《/html》

扩展资料：

注意：无参数的函数必须在其函数名后加括号：

function函数名 ()　 {　代码．．．　 }

function函数名 ()　 {　代码．．．　 }

注意：别忘记 JavaScript 中大小写字母的重要性。"function" 这个词必须是小写的，否则 JavaScript 就会出错。另外需要注意的是，必须使用大小写完全相同的函数名来调用函数。

参考资料来源：百度百科-JavaScript 函数

JS数组有哪几种定义方式

定义数组

数组对象用来在单独的变量名中存储一系列的值。

我们使用关键词 new 来创建数组对象。下面的代码定义了一个名为 arr 的数组对象：

vararr=newArray();有两种向数组赋值的方法（你可以添加任意多的值，就像你可以定义你需要的任意多的变量一样）。

varmycars=newArray();

mycars="Saab";

mycars="Volvo";

mycars="BMW";也可以使用一个整数自变量来控制数组的容量：

varmycars=newArray(3);

mycars="Saab";

mycars="Volvo";

mycars="BMW";2:

varmycars=newArray("Saab","Volvo","BMW");-------------------------------------------------------------------------------------

或者用数组字面量（直接量）方便的创建数组。一个数组字面量是在一对方括号中包裹着一个或多个用 逗号 隔开的表达式。并且数组中的每个值都有索引。从0开始。

varempty=;

varcars=;

empty//undefined

cars//’Volvo’

JS 中如何判断数组

JS 中有四种方式判断数据类型，它们分别是： typeof 、 instanceof 、 constructor 、 Object.prototype.toString 。

在 ES5 中，新增了几种方式可以用来进行数组的判断，它们是 Object.prototype.isPrototypeOf 、 Array.isArray 和 Object.getPrototypeOf 。

很遗憾，对于任何引用类型的数据（包括 null ）， typeof 统一返回 Object 字符串，所以不能用它来判断 JS 中的数组。

于是可以通过 instanceof 检测数据的原型链中是否存在 Array 构造函数来判断数据是否是数组。

对象实例有一个 constructor 属性， constructor 指向对象实例的构造函数。于是，我们可以通过判断数据的 constructor 是否为 Array 构造函数即可。

要注意： constructor 是可以被修改的，所以这种判断方式不可靠。

toString 可以用于检测对象的类型，它返回一个字符串。为了每个对象都能通过 Object.prototype.toString 来判断，需要借助函数的 call 或者 apply 方法。

这个方法没什么好说的，直接调用即可，会返回一个布尔值。

根据 ES5 新增的这个方法，我们可以把数组的原型对象与需要判断对象的原型进行比较，如果两者是全等关系，那么可以认为它是数组。

借用 ES5 新增的 isPrototypeOf 方法，可以直接了当的通过 Array 调用来判断目标数据是否是数组类型。

ES5 新增的两种方法都与原型链有关，理解并掌握原型相关内容还是判断数组的关键。方便理解与记忆的话，可以把 isArray 和 isPrototypeOf 放在一起，他们返回的都是布尔值，并且用途也相似。

getPrototypeOf 方法则是用来找到被检测数据的原型，拿到原型后还要与 Array.prototype 进行比较。