【JavaScript】面向对象之Array类型与迭代与归并

darkbug 发布于2019-08-26 12:17 / 1421人阅读

摘要：一类型数组的常见方法检测数组报错方法判断该类型是否出现在当前对象原型链中转换数组把数组转为字符串，并返回返回数组对象原始值利用方法把数组转为字符串多个数组元素被逗号进行分隔组成字符串犬夜叉进出栈方法添加数组末尾增加一个元素或多个元素删除数

JS(JavaScript)
一.Array类型
1.数组的常见方法；

检测数组；

var arr = [1,2,3,4,5];

console.log(arr instanceof Array);//true


console.log(Object.prototype.toString.call(arr));

console.log(typeof  null);//object
// console.log(null instanceof Null);//报错
console.log(Object.prototype.toString.call(null));//false
console.log(Array.prototype.isPrototypeOf(arr));//true
// Object.prototype.isPrototypeOf()方法- 判断该类型是否出现在当前对象原型链中
console.log(Array.isArray(arr));//true

转换数组；

toString()：把数组转为字符串，并返回
valueOf():返回数组对象原始值

var arr = [1,2,3,4,5];

console.log(arr.toString());//1,2,3,4,5
//利用toString()方法把数组转为字符串
console.log(arr.valueOf());//[1,2,3,4,5]
//多个数组元素被逗号(,),进行分隔组成字符串
var obj = {
    name : "犬夜叉"
}

进出栈方法；

push():添加数组末尾增加一个元素,或多个元素
pop():删除数组末尾最后一个元素返回数组
shift():删除数组前面的元素并返回数组
unshift()：增加数组前面的或多个元素，并返回新长度

var arr = [1,2,3,4,5];

arr.push(6,7);
//添加数组末尾增加一个元素,或多个元素
console.log(arr);
arr.pop();
//删除数组末尾最后一个元素返回数组
console.log(arr);
arr.unshift(7);
//增加数组前面的或多个元素，并返回新长度
console.log(arr);
arr.shift();
//删除数组前面的元素并返回数组
console.log(arr);

排序方法；

reverse()：反转数组元素顺序
sort()：对数组元素进行排序
返回值以排序数组

var arr = [3,1,2,3,4,10];
var result = arr.sort(function (a,b) {

    if (a < b);{
      return 1;
    }
    if (a > b) {
      return 1;
    }
})
console.log(arr);
//反转数组元素顺序
console.log(result);
//数组的元素进行排列

连接方法；

连接两个或多个数组，并返回结果

var arr = [1,2,3,4,5];

console.log(arr.concat(6));
console.log(arr.concat([7,8,9]));
//合并两个或多个数组，因此不会改变已有的数组，

操作方法；

slice():获取数组的一部分，并返回个新数组
splice()：数组中增加和删除元素

var arr = [1,2,3,4,5];

/*splice(start, deleteCount)方法
* 用于删除当前数组中指定位置指定个数元素
*  */
var result = arr.splice(0, 5);
console.log(result);
console.log(arr);


// splice(start, deleteCount, item1, item2, ...)方法
//向指定数组指定位置增加元素

//start- 表示删除开始位置
//deleteCount-表示删除个数
// item1, item2, ... - 表示向数组添加的元素
// 返回值-将删除的元素组成的新数组进行返回

// var result = arr.splice(0, 0, 6,7,8);
// console.log(result);
// console.log(arr);

// var result = arr.splice(0, 3, 6,7,8);
// console.log(result);
// console.log(arr);

检索方法；

indexOf():搜索数组中的元素，并返回其位置
lastlndexOf():返回个字符串最后出现位置，在个字符串指定位置从右往左搜寻

var arr = ["犬夜叉","桔梗","犬夜叉","戈薇","杀生丸"];

// 用于检索数组中是否包含指定元素内容 -> 返回元素所在的位置
// 返回第一个匹配元素的位置信息
console.log(arr.indexOf("犬夜叉"));// 0
// lastIndexOf() - 从右至左的顺序进行检索
console.log(arr.lastIndexOf("犬夜叉"));//
// indexOf() - 从左至右的顺序进行检索
console.log(arr.indexOf("四魂之玉"));//-1
//如果检索的元素并不在指定的数组中时 -> 结果为 -1

2.迭代与归并方法；

迭代方法；

var arr = [1,2,3,4,5];

var result = arr.every(function (currentValue, index,array,) {
    return (currentValue <5);
  });
  console.log(result);

归并方法；

var arr = [1,2,3,4,5];

arr.reduce(function(accumulator, currentValue, currentIndex, array){
    console.log(accumulator)
    return accumulator + currentValue;
});

GPU云服务器云服务器 javascript 面向对象 javascript面向对象 javascript面向对象编程 javascript面向对象编程指南

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/108398.html

JavaScript面向对象编程——Array类型

摘要：中并没有明确的数组数据类型。返回数组对象的原始值。专门用于筛选出数组中符合函数判断条件的元素组成的心数组。专门用于对原数组中每个元素执行相同的函数对象规定的操作。概述一维数组数组是一个有序的数据集合，可以通过数组名称和索引进行访问。JavaScript中并没有明确的数组数据类型。二维数组数组是可以嵌套的，这就意味着一个数组可以作为一个袁旭被包含在另一个数组里面。利用JavaS...

DirtyMind 2019-08-26 12:16 评论0 收藏0
array数组类型

摘要：中并没有明确的数组数据类型。创建一维数组具有以下几种方式二维数组数组是可以嵌套，这就意味着一个数组可以作为一个数组被包含在另外一个数组里面。利用这个特点，创建二维数组，即数组的数组。删除数组的最后一个元素并返回删除的元素。 Array 概述一维数组数组是一个有序的数据集合，可以通过数组名称和索引进行访问。JavaScript中并没有明确的数组数据类型。创建一维数组具有以下几种方式：...

lemanli 2019-08-26 12:16 评论0 收藏0
详解数组(Array)引用类型

摘要：例如，会删除数组中的前两项。插入的项数不必与删除的项数相等。这两个方法都接收两个参数要查找的项和可选的表示查找起点位置的索引。对数组中的每一项运行给定函数，返回每次函数调用的结果组成的数组。除Object类型外,Array是最常用的类型,Array对象与其他语言相比有着自己的不同之处,首先同一数组对象的不同项可以保存不同类型的数据,其次数组对象的长短可以动态改变. showImg(...

afishhhhh 2019-08-21 10:48 评论0 收藏0
JavaScript数组方法全面的总结

摘要：因为转换为字符串后，在前面还可以接受一个函数作为参数，根据函数的返回值进行排序。函数的返回值将作为新数组中的每一项的值。该方法接收一个函数作为参数，对数组中的每一项运行该函数，该方法没有返回值。 1. 检测对象是不是数组 instanceof操作符 Array.isArray()方法 var color = new Array(red, green); console....

luckyyulin 2019-08-20 17:04 评论0 收藏0
javascript引用类型之Array 类型

摘要：如果你从一个框架向另一个框架传入一个数组，那么传入的数组与在第二个框架中原生创建的数组分别具有各自不同的构造函数。数组在javascript中是很常用的数据类型创建数组的几种方式使用new操作符来创建数组 var arr = new Array() // []创建了一个长度为0的空数组 var arr1 = new Array(2) // [empty × 2]创建了一个长度...

lsxiao 2019-08-23 14:25 评论0 收藏0