JavaScript中Array类型中的方法

_ipo 发布于2019-08-26 12:18 / 2507人阅读

摘要：类型检测数组检测数组有以下几种方法，前端保定就业方法前端保定就业前端保定就业前端保定就业转换数组利用方法将数组转换为字符串前端深圳保定输出结果字符串前端深圳保定转换原始值张三张三进出栈方法在数组最后面添加新的元素前端保定深圳前端保定深圳在数

Array类型 检测数组

检测数组有以下几种方法，

instanceof

var arr=["前端","保定","就业"];
console.log(arr instanceof Array);//true

Object.prototype.toString.call()方法

var arr=["前端","保定","就业"];
console.log(Object.prototype.toString.call(arr));//[object Array]

Array.prototype.isPrototypeOf()

var arr=["前端","保定","就业"];
console.log(Array.prototype.isPrototypeOf(arr));//true

Array.isArray()

var arr=["前端","保定","就业"];
console.log(Array.isArray(arr));//true

转换数组

利用toString()方法将数组转换为字符串

var arr=["前端","深圳","保定"];
console.log(arr.toString());//输出结果字符串前端,深圳,保定

valueOf()转换原始值

var obj={
    name:"张三",
}
console.log(obj.valueOf());//{name:张三}

进出栈方法

push();在数组最后面添加新的元素

var arr=["前端","保定"];
arr.push("深圳");
console.log(arr);//["前端","保定","深圳"]

pop();在数组最后面删除元素

var arr=["前端","java","js"];
arr.pop();
console.log(arr);//["前端","java"]

unshift();在数组最前面添加新的元素

var arr=["前端","深圳"];
arr.unshift("JavaScript");
console.log(arr);//["JavaScript","前端","深圳"]

shift();在数组最前面删除元素

var arr=["前端","深圳","JavaScript"];
arr.shift();
console.log(arr);//["深圳","JavaScript"]

排序方法

reverse()数组翻转

var arr=[1,2,3,4,5];
console.log(arr.reverse());//[5,4,3,2,1]

sort()方法:对数组中的元素进行排序，并不是从小到大的排序，会影响原有数组元素的顺序

//从下列这段代码可以看出，sort()并不能实现从小到大的排序
var arr=[1,3,5,10,4,2];
console.log(arr.sort());//[ 1, 10, 2, 3, 4, 5 ]

//解决以上sort()不能以小到大的顺序排列的问题
var result=arr.sort(function(a,b){
    if(a>b){
        return 1;
    }
});
console.log(result);

连接方法

concat()用于数组之间的拼接

var arr=[1,2,3,4,5];
var arr1=[6,7,8,9,10];
console.log(arr.concat(6));//[1,2,3,4,5,6]
console.log(arr.concat([7,8,9]));//[1,2,3,4,5,7,8,9]
console.log(arr.concat(arr1));//[1,2,3,4,5,6,7,8,9,10]

操作方法

splice(删除开始位置，删除的元素个数)方法:用于删除当前数组指定位置指定个数的元素

var arr=[1,2,3,4,5];
/*从arr的0位置开始删除两个元素,删除掉的两个元素被result变量接住了*/
var result=arr.splice(0,2);
console.log(result);//[1,2]
console.log(arr);//[3,4,5]

//也可以用splice给数组添加元素，默认在数组最前面添加
//设置从位置0开始，删除0个，再添加新的元素
var result1=arr.splice(0,0,6,7,8);
console.log(arr);//[1,2,3,4,5,6,7,8]

slice()截取指定数组中的元素，可以传入两个参数，第一个是开始截取的位置，从0开始，第二个是结束截取的位置，截取不到最后一位，而是截取最后一位的前一个元素,截取的元素返回新的数组

var arr=[1,2,3];
var result=arr.slice(0,2);
console.log(result);//[1,2]

检索方法

indexOf()用于检查数组中是否包含指定元素内容，返回元素所在的位置，从左至右顺序进行检查，只返回第一个匹配元素的位置，后面如果还有相同的元素不考虑,如果该元素不存在数组中，返回-1

var arr=["张三","李四","小明"];
console.log(arr.indexOf("张三"));//0
console.log(arr.indexOf("小红"));//-1

lastIndexOf()用于检查数组中是否包含指定元素内容，返回元素所在的位置，从右至左顺序进行检查，只返回第一个匹配元素的位置，后面如果还有相同的元素不考虑,如果该元素不存在数组中，返回-1

var arr=["张三","李四","小明"];
console.log(arr.lastIndexOf("李四"));//1

forEach()方法

用于遍历指定数组
callback：表示回调函数
currentValue：表示遍历数组得到每个元素
index：表示遍历数组得到每个元素对应的索引值
array：表示遍历的数组

var arr=["张三","李四","小红","小明"];
arr.forEach(function(value,index,array){
    console.log(vaule);
    console.log(index);
    console.log(array);
});

迭代方法

判断数组的元素是否符合条件，符合返回true，否则返回false

var arr=[1,2,3,4,5];
var result=arr.every(function(currentVaule,index,array){
    return (cunrrentValue <=5);
});
console.log(result);//true

归并方法

var arr=[1,2,3,4,5];
arr.reduce(function(accumulator,currentValue,currentIndex,array){
    console.log(accumulator);
    return accumulator+currentValue;
});

GPU云服务器云服务器数据库中的数据类型数据挖掘中的新方法 js 获取对象中的数据类型 array方法

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

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

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

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

DirtyMind 2019-08-26 12:16 评论0 收藏0
JavaScript数组

摘要：与稀疏数组对立的为密集数组，密集数组的索引会被持续的创建，并且其元素的数量等于其长度。创建一个长度为的数组，并初始化了个元素使用构造函数创建数组对象的时候，关键字是可以省略的。另外使用和删除元素是影响数组的长度的。说明：本文只总结了JavaScript数组在web端的行为，不包括NodeJs端的行为。本文不涉及类型化数组（TypedArray）的讨论、总结。一、什么是数组数组的定...

HtmlCssJs 2019-08-23 10:23 评论0 收藏0
js面试题（上）

https://segmentfault.com/a/11... 原型 / 构造函数 / 实例对原型的理解我们知道在es6之前，js没有类和继承的概念，js是通过原型来实现继承的。在js中一个构造函数默认自带有一个prototype属性，这个的属性值是一个对象，同时这个prototype对象自带有一个constructor属性，这个属性指向这个构造函数，同时每一个实例都有一个__proto...

leap_frog 2019-08-23 14:22 评论0 收藏0
array数组类型

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

lemanli 2019-08-26 12:16 评论0 收藏0
Javascript中的常用的检测方法

摘要：数组检测使用例如兼容性可以使用以下方式，先检测是否支持。用来比较两个值是否严格相等，与相同基本类型检测用来检查一个数值是否为有限的用来检查一个值是否为用来判断一个值是否为整数。目前接触到的一些方法，有新的日后再更新。数组检测 1.使用Array.isArray() Array.isArray(obj) 例如： Array.isArray([]) //true Array.isArra...

muddyway 2019-08-20 11:29 评论0 收藏0