JS 数组对象

时间：2020-11-30 15:21:27 阅读：7 评论：0 收藏：0 [点我收藏+]

标签：ring var gif translate 定义归并 name move slice

定义数组：

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

创建一个数组有三种方法。

1: 常规方式:

var myCars=new Array(); 
myCars[0]="Saab";       
myCars[1]="Volvo";
myCars[2]="BMW";

2: 简洁方式:

var myCars=new Array("Saab","Volvo","BMW");

3: 字面:

var myCars=["Saab","Volvo","BMW"];

访问数组

通过指定数组名以及索引号码，你可以访问某个特定的元素。

以下实例可以访问myCars数组的第一个值：

var name=myCars[0];

以下实例修改了数组 myCars 的第一个元素:

myCars[0]="Opel";

    [0] 是数组的第一个元素。[1] 是数组的第二个元素。

在一个数组中你可以有不同的对象

一个数组中可以包含对象元素、函数、数组：

myArray[0]=Date.now;
myArray[1]=myFunction;
myArray[2]=myCars;

数组方法和属性

var x=myCars.length             // myCars 中元素的数量
var y=myCars.indexOf("Volvo")   // "Volvo" 值的索引值

js数组方法大全

方法名	对应版本	功能	原数组是否改变
concat()	ES5-	合并数组，并返回合并之后的数据	n
join()	ES5-	使用分隔符，将数组转为字符串并返回	n
pop()	ES5-	删除最后一位，并返回删除的数据	y
shift()	ES5-	删除第一位，并返回删除的数据	y
unshift()	ES5-	在第一位新增一或多个数据，返回长度	y
push()	ES5-	在最后一位新增一或多个数据，返回长度	y
reverse()	ES5-	反转数组，返回结果	y
slice()	ES5-	截取指定位置的数组，并返回	n
sort()	ES5-	排序（字符规则），返回结果	y
splice()	ES5-	删除指定位置，并替换，返回删除的数据	y
toString()	ES5-	直接转为字符串，并返回	n
valueOf()	ES5-	返回数组对象的原始值	n
indexOf()	ES5	查询并返回数据的索引	n
lastIndexOf()	ES5	反向查询并返回数据的索引	n
forEach()	ES5	参数为回调函数，会遍历数组所有的项，回调函数接受三个参数，分别为value，index，self；forEach没有返回值	n
map()	ES5	同forEach，同时回调函数返回数据，组成新数组由map返回	n
filter()	ES5	同forEach，同时回调函数返回布尔值，为true的数据组成新数组由filter返回	n
every()	ES5	同forEach，同时回调函数返回布尔值，全部为true，由every返回true	n
some()	ES5	同forEach，同时回调函数返回布尔值，只要由一个为true，由some返回true	n
reduce()	ES5	归并，同forEach，迭代数组的所有项，并构建一个最终值，由reduce返回	n
reduceRight()	ES5	反向归并，同forEach，迭代数组的所有项，并构建一个最终值，由reduceRight返回	n

方法详解

　　1：concat();

　　　　功能：合并数组，可以合并一个或多个数组，会返回合并数组之后的数据，不会改变原来的数组；

var str1 = [12,2,"hello"];var str2 = ["world"];
console.log(str1.concat(str2));　　　　　　　　//[12, 2, "hello", "world"]
console.log(str1);　　　　　　　　　　　　　　　　//[12,2,"hello"];

2：join();

　　　　功能：将数组转为字符串并返回转化的字符串数据，不会改变原来的数组；

　　　注意：()中用双引号包括自己想用的分隔符，默认为逗号，这里我用了-　　

var str1 = [12,2,"hello"];
var str2 = ["world"];
console.log(str1.join("-"));　　　　　　　　//12-2-hello
console.log(str1);　　　　　　　　　　　　　　//[12, 2, "hello"]

3：pop();

　　　　功能：删除数组的最后一位，并且返回删除的数据，会改变原来的数组

var str1 = [12,2,"hello"];
console.log(str1.pop())　　　　　　　　//hello
console.log(str1);　　　　　　　　　　//[12, 2]

4：shift();

　　　　功能：删除数组的第一位数据，并且返回新数组的长度，会改变原来的数组

var str1 = [12,2,"hello"];
console.log(str1.shift());　　　　　　//12
console.log(str1);　　　　　　　　　　　//[2,"hello"]

5：unshift();

　　　　功能：在数组的首位新增一个或多数据，并且返回新数组的长度，会改变原来的数组

　　　注意：unshift()方法返回的数据是新数组的长度，它增加的数据可以是一个也可以是多个，可以理解为增加一连串的数据，

var str1 = [12,2,"hello"];
var str2 = [43,2,"test"];
console.log(str1.unshift("你好"));　　　　　　　　　　　　　　//4
console.log(str2.unshift("hello","world"));　　　　　　　　//5
console.log(str1);　　　　　　　　　　　　　　　　　　　　　　　//["你好", 12, 2, "hello"]
console.log(str2);　　　　　　　　　　　　　　　　　　　　　　　//["hello", "world", 43, 2, "test"]

6：push();

　　　　功能：在数组的最后一位新增一个或多个数据，并且返回新数组的长度，会改变原来的数组

　　　注意：push()方法返回的是数据是新数组的长度，它增加的数据可以是一个也可以是多个，可以理解为增加一连串的数据

var str1 = [12,2,"hello"];
var str2 = [43,2,"test"];
console.log(str1.push("你好"));　　　　　　　　　　//4
console.log(str2.push("hello","world"));　　　　//5
console.log(str1);　　　　　　　　　　　　　　　　　//[12, 2, "hello","你好"]
console.log(str2);　　　　　　　　　　　　　　　　　//[43, 2, "test","hello", "world"]

7：reverse();

　　　　功能：将数组的数据进行反转，并且返回反转后的数组，会改变原数组

var str1 = [12,2,"hello"];
console.log(str1.reverse());　　　　　　//["hello", 2, 12]
console.log(str1);　　　　　　　　　　　　//["hello", 2, 12]

8：sort();

　　　　功能：对数组内的数据进行排序(默认为升序)，并且返回排过序的新数组，会改变原来的数组

　　　注意：

　　　　　8.1：这里的排序是针对字符的排序，先使用数组的toString()方法转为字符串，再逐位比较，3是大于12的，因为首位3>1，不要与Number型的数据排序混淆

　　　　8.2：str2数组中增加了三个字符，可以看到，比较的时候，zoom是最大的，因为首位的英文字母通过ASCII码可以转为相应的数值，再根据数值比较　　　　

var str1 = [12,2,43,5,2,5];
var str2 = [92,2,43,"hello",5,2,5];
console.log(str1.sort());　　　　　　　　//[12, 2, 2, 43, 5, 5]
console.log(str1);　　　　　　　　　　　　//[12, 2, 2, 43, 5, 5]
console.log(str2.sort());　　　　　　　　//[2, 2, 43, 5, 5, 92, "abc", "hello", "zoom"]
console.log(str2);　　　　　　　　　　　　//[2, 2, 43, 5, 5, 92, "abc", "hello", "zoom"]

　　　　　　8.3：排序问题

　　　　　　参数：sort(callback) 如果需要按照数值排序，需要传参。sort(callback)，callback为回调函数，该函数应该具有两个参数，比较这两个参数，然后返回一个用于说明这两个值的相对顺序的数字（a-b）。其返回值如下：

　　　　　　　　若 a 小于 b，返回一个小于 0 的值。

　　　　　　　　若 a 等于 b，则返回 0。

　　　　　　　　若 a 大于 b，则返回一个大于 0 的值。

var str3 = [92,2,43,5,2,5];     
console.log(str3.sort(fn));　　　　　　　　　　　　　　　　　//[2, 2, 5, 5, 43, 92]

console.log(str3);　　　　　　　　　　　　　　　　　　　　　　//[2, 2, 5, 5, 43, 92]

function fn (a,b){
　　　　return a-b;
 };

var str4 = [92, 2, 43, 5, 2, 5];
console.log(str3.sort(fn2));　　　　　　　　　　　　　　　　　//[92, 43, 5, 5, 2, 2]
console.log(str4);　　　　　　　　　　　　　　　　　　　　　　//[92, 43, 5, 5, 2, 2]
function fn2(a, b) {
    return b - a;
};

9：slice();

　　　　功能：截取指定位置的数组，并且返回截取的数组，不会改变原数组

　　　参数：slice(startIndex, endIndex)

　　　注意：可从已有的数组中返回选定的元素。该方法接收两个参数slice(start,end)，strat为必选，表示从第几位开始；end为可选，表示到第几位结束(不包含end位)，省略表示到最后一位；start和end都可以为负数，负数时表示从最后一位开始算起，如-1表示最后一位。

var arr = ["T1","J1","L1","L2","M1"];
    console.log(arr.slice(1,3));        //["J1","L1"]
    console.log(arr.slice(1));          //["J1","L1","L2","M1"]
    console.log(arr.slice(-4,-1));      //["J1","L1","L2"]
    console.log(arr.slice(-2));         //["Lily","M1"]
    console.log(arr.slice(1,-2));       //["J1","L1"]
    console.log(arr);                   //["T1","J1","L1","L2","M1"]

10：splice();

　　　　功能：向数组中添加，或从数组删除，或替换数组中的元素，然后返回被删除/替换的元素。

删除：指定 2 个参数：要删除的第一项的位置和要删除的项数。书写格式：arr.splice( 1 , 3 )

插入：可以向指定位置插入任意数量的项，只需提供 3 个参数：起始位置、 0（要删除的项数）和要插入的任意数量的项。书写格式：arr.splice( 2,0,4,6 )

替换：可以向指定位置插入任意数量的项，且同时删除任意数量的项，只需指定 3 个参数：起始位置、要删除的项数和要插入的任意数量的项。插入的项数不必与删除的项数相等。书写格式：arr.splice( 2,0,4,6 )

参数：splice(start,num,data1,data2,...); 所有参数全部可选。

var arr = [1,3,5,7,9,11];
var arrRemoved = arr.splice(0,2);
console.log(arr); 　　　　　　　　　　　　　　　//[5, 7, 9, 11]----原数组改变
console.log(arrRemoved); 　　　　　　　　　　　//[1, 3]
var arrRemoved2 = arr.splice(2,0,4,6);
console.log(arr); 　　　　　　　　　　　　　　　// [5, 7, 4, 6, 9, 11]
console.log(arrRemoved2); 　　　　　　　　　　// []
var arrRemoved3 = arr.splice(1,1,2,4);
console.log(arr); 　　　　　　　　　　　　　　　// [5, 2, 4, 4, 6, 9, 11]
console.log(arrRemoved3); 　　　　　　　　　　//[7]

11：toString();

　　　　功能：将数组转换成字符串，类似于没有参数的join()。该方法会在数据发生隐式类型转换时被自动调用，如果手动调用，就是直接转为字符串。不会改变原数组

var str = [1,2,3];
console.log(str.toString());     //1,2,3
console.log(str);                //[1,2,3]

12：valueOf();

　　　　功能：返回数组的原始值（一般情况下其实就是数组自身），一般由js在后台调用，并不显式的出现在代码中

    var str = [1,2,3];
    console.log(str.valueOf());         //[1,2,3]
    console.log(str);                   //[1,2,3]
    //为了证明返回的是数组自身
    console.log(str.valueOf() == str);  //true

13:IndexOf();

　　　　功能：根据指定的数据，从左向右，查询在数组中出现的位置，如果不存在指定的数据，返回-1，找到了指定的数据返回该数据的索引

　　　参数：indexOf(value, start);value为要查询的数据；start为可选，表示开始查询的位置，当start为负数时，从数组的尾部向后数；如果查询不到value的存在，则方法返回-1

　　　注意：如果找到该数据，立即返回该数据的索引，不再往后继续查找

 var str = ["h","e","l","l","o"];
 console.log(str.indexOf("l"));        //2
 console.log(str.indexOf("l",3));      //3         /////索引值为3开始，l索引值为3，即返回3（返回数组中本事的索引值）
 console.log(str.indexOf("l",4));      //-1        ////索引值为4开始，向后找l,没有，返回-1
 console.log(str.indexOf("l",-1));     //-1        ////-1即最后一个，向后找l,
 console.log(str.indexOf("l",-3));     //2         ////从尾部开始数找倒数第三个，刚好是l,索引值为2

14:lastIndexOf();

　　　　功能：根据指定的数据，从右向左，查询在数组中出现的位置，如果不存在指定的数据，返回-1，找到了指定的数据返回该数据的索引

　　　参数：lastIndexOf(value, start);value为要查询的数据；start为可选，表示开始查询的位置，当start为负数时，从数组的尾部向前数；如果查询不到value的存在，则方法返回-1

var str = ["h","e","l","l","o"];
console.log(str.lastIndexOf("l"));        //3
console.log(str.lastIndexOf("l",3));      //3
console.log(str.lastIndexOf("l",4));      //3
console.log(str.lastIndexOf("l",-1));     //3
console.log(str.lastIndexOf("l",-3));     //2

JS 数组对象

标签：ring var gif translate 定义归并 name move slice

原文地址：https://www.cnblogs.com/hudaxian/p/13984615.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行