[JS]Array对象
目录
Array属性
Array方法
Array属性
描述 constructor 返回创建数组对象的原型函数 length 设置或返回数组元素的个数 prototype 允许你向数组对象添加属性或方法
prototype
/*** 方法:Array.removeAt(Index)* 功能:删除数组元素.* 参数:Index删除元素的下标.* 返回:在原数组上修改数组*/
Array.prototype.removeAt = function(Index) {if (isNaN(Index) || Index > this.length) {return false;}for (var i = 0, n = 0; i < this.length; i++) {if (this[i] != this[Index]) {this[n++] = this[i];}}this.length -= 1;
}
var tempArr = ["张三","李四","王五","赵六"];
tempArr.removeAt(3);
console.log(tempArr.toString()); // 输出：张三,李四,王五/*** 方法:Array.remove(obj)* 功能:删除数组元素.* 参数:要删除的对象.* 返回:在原数组上修改数组*/
Array.prototype.remove = function(obj) {if (null == obj) {return;}for (var i = 0, n = 0; i < this.length; i++) {if (this[i] != obj) {this[n++] = this[i];}}this.length -= 1;
}
var tempArr = ["张三","李四","王五","赵六"];
tempArr.remove("张三");
console.log(tempArr.toString()); // 输出：李四,王五,赵六/*** 方法:Array.Contains(obj)* 功能:确定某个元素是否在数组中.* 参数:要查找的Object对象* 返回:找到返回true,否则返回false;*/
Array.prototype.Contains = function(obj) {if (null == obj) {return;}for (var i = 0, n = 0; i < this.length; i++) {if (this[i] != obj) {return true;}}return false;
}
var tempArr = ["张三","李四","王五","赵六"];
console.log(tempArr.Contains("张三")); // 输出：true/*** 方法:Array.Clear()* 功能:消空数组元素.* 参数:无.* 返回:空数组*/
Array.prototype.Clear = function() {this.length = 0;
}
var tempArr = ["张三","李四","王五","赵六"];
tempArr.Clear();
console.log(tempArr.toString()); // 输出：空字符串/*** 方法:Array.formatString()* 功能:处理数组为字符串.* 参数:无.* 返回:字符串*/
Array.prototype.formatString = function() {var str = '';for (var i = 0; i < this.length; i++) {if (i == this.length -1) {str += this[i];} else {str += this[i] + ';';}}return str;
};
var tempArr = ["张三","李四","王五","赵六"];
console.log(tempArr.formatString()); // 输出：张三;李四;王五;赵六
Array方法
描述 concat() 连接两个或更多的数组并返回结果 copyWithin() 从数组的指定位置拷贝元素到数组的另一个指定位置中 entries() 返回数组的可迭代对象 every() 检测数值元素的每个元素是否都符合条件 fill() 使用一个固定值来填充数组 filter() 检测数值元素并返回符合条件所有元素的数组 find() 返回通过测试（函数内判断）的数组的第一个元素的值。
find() 方法为数组中的每个元素都调用一次函数执行：
- 当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素，之后的值不会再调用执行函数。
- 如果没有符合条件的元素返回 undefined
注意: find() 对于空数组，函数是不会执行的。
注意: find() 并没有改变数组的原始值。
findIndex() 返回传入一个测试条件（函数）符合条件的数组第一个元素位置。
findIndex() 方法为数组中的每个元素都调用一次函数执行：
- 当数组中的元素在测试条件时返回 true 时, findIndex() 返回符合条件的元素的索引位置，之后的值不会再调用执行函数。
- 如果没有符合条件的元素返回 -1
注意: findIndex() 对于空数组，函数是不会执行的。
注意: findIndex() 并没有改变数组的原始值。
forEach() 数组每个元素都执行一次回调函数
array.forEach(function(currentValue, index, arr), thisValue)
currentValue 必需。当前元素
index 可选。当前元素的索引值。
arr 可选。当前元素所属的数组对象。from() 通过给定的对象中创建一个数组
Array.from(object, mapFunction, thisValue)
object 必需，要转换为数组的对象。
mapFunction 可选，数组中每个元素要调用的函数。
thisValue 可选，映射函数(mapFunction)中的 this 对象。includes() 判断一个数组是否包含一个指定的值 indexOf() 搜索数组中的元素并返回它所在的位置 isArray() 判断对象是否为数组 join() 把数组的所有元素放入一个字符串 keys() 返回数组的可迭代对象，包含原始数组的键(key)。 lastIndexOf() 搜索数组中的元素并返回它最后出现的位置 map() 通过指定函数处理数组的每个元素，并返回处理后的数组。 shift() 删除并返回数组的第一个元素 pop() 删除数组的最后一个元素并返回删除的元素 unshift() 向数组的开头添加一个或更多元素并返回新的长度 push() 向数组的末尾添加一个或更多元素并返回新的长度 reduce() 将数组元素计算为一个值（从左到右）
array.reduce(function(total, currentValue, currentIndex, arr), initialValue)
total 必需。初始值, 或者计算结束后的返回值。
currentValue 必需。当前元素
currentIndex 可选。当前元素的索引
arr 可选。当前元素所属的数组对象。
initialValue 可选。传递给函数的初始值reduceRight() 将数组元素计算为一个值（从右到左） reverse() 反转数组的元素顺序 slice() 选取数组的一部分并返回一个新数组 some() 检测数组元素中是否有元素符合指定条件 sort() 对数组的元素进行排序 splice() 从数组中添加或删除元素
如果仅删除一个元素，则返回一个元素的数组。 如果未删除任何元素，则返回空数组。
toString() 把数组转换为字符串并返回结果 valueOf() 返回数组对象的原始值
function log(obj) {console.log(obj.toString());
}var arr1 = ["张三","李四","王五","赵六"];
var arr2 = ["苹果","香蕉","葡萄干"];// 连接两个或更多的数组并返回结果
log(arr1.concat(arr2)); // 输出：张三,李四,王五,赵六,苹果,香蕉,葡萄干// 从数组的指定位置拷贝元素到数组的另一个指定位置中
log(arr1.copyWithin(1,3)); // 输出：张三,赵六,王五,赵六// 检测数值元素的每个元素是否都符合条件
function judgeStrLength(str) {return str.length == 2;
}
console.log(arr1.every(judgeStrLength)); // 输出：true// 使用一个固定值来填充数组
log(arr1.fill("替换")); // 输出：替换,替换,替换,替换// 检测数值元素并返回符合条件所有元素的数组
log(arr2.filter(judgeStrLength)); // 输出：苹果,香蕉// 返回通过测试（函数内判断）的数组的第一个元素的值
log(arr2.find(judgeStrLength)); // 输出：苹果// 返回传入一个测试条件（函数）符合条件的数组第一个元素位置
log(arr2.findIndex(judgeStrLength)); // 输出：0// 数组每个元素都执行一次回调函数
function addOneString(currentValue, index, arr) {console.log(currentValue+index+"");
}
arr1.forEach(addOneString);// 通过给定的对象中创建一个数组
var newArr = Array.from(["a","b"]);
log(newArr); // 输出：a,b// 判断一个数组是否包含一个指定的值
console.log(arr2.includes("苹果")); // 输出：true// 搜索数组中的元素，并返回它所在的位置。
console.log(arr2.indexOf("苹果")); // 输出：0// 判断对象是否为数组
console.log(Array.isArray(arr2)); // 输出：true// 把数组的所有元素放入一个字符串
console.log(arr2.join("-")); // 输出：苹果-香蕉-葡萄干// 通过指定函数处理数组的每个元素，并返回处理后的数组。
log(arr2.map(theMapAction)); // 输出：苹果2,香蕉2,葡萄干2
function theMapAction(str) {return str + "2";
}var arr3 = ["a","b","c","d","e"];
// 删除数组的最后一个元素并返回删除的元素
log(arr3.pop()); // 输出：e
log(arr3); // 输出：a,b,c,d// 向数组的末尾添加一个或更多元素，并返回新的长度。
log(arr3.push("f")); // 输出：5
log(arr3); // 输出：a,b,c,d,f// 将数组元素计算为一个值（从左到右）
var arr4 = [2,4,6,10];
var tempTotal = arr4.reduce(theReduceAction, 0);
console.log(tempTotal); // 输出：22
function theReduceAction(total,currentValue, index,arr) {return total + currentValue;
}// 反转数组的元素顺序
log(arr4.reverse()); // 输出：10,6,4,2// 删除并返回数组的第一个元素
log(arr4.shift()); // 输出：10
log(arr4); // 输出：6,4,2// 选取数组的一部分，并返回一个新数组。
var arr5 = ["a","b","c","d"];
log(arr5.slice(1,4)); // 输出：b,c,d// 检测数组元素中是否有元素符合指定条件
console.log(arr5.some(judgeSomeAction)); // 输出：true
function judgeSomeAction(str) {return str == "d";
}// 对数组的元素进行排序
// 字母升序
log(arr5.sort()); // 输出：a,b,c,d
// 字母降序
arr5.sort()
log(arr5.reverse()); // 输出：d,c,b,avar arr6 = [1,2,3,6,5,4];
// 数字升序
log(arr6.sort(function (a,b){return a-b;})); // 输出：1,2,3,4,5,6
// 数字降序
log(arr6.sort(function (a,b){return b-a;})); // 输出：6,5,4,3,2,1// 从数组中添加或删除元素
var arr7 = [1,2,3,4,5,6];
log(arr7.splice(2,4)); // 输出：3,4,5,6[JS]Array对象相关推荐
- js array 对象
Javascript 对象: Array 对象:数组 创建方法: 1, var a = new Array() 2,var a = new Array(3) 3,var a = new Array(& ...
- JS - Array - 在数组的指定下标添加或替换元素 。 也可删除指定下标的元素
一,首先介绍下 js Array对象 中的 splice 方法 . ( splice在英文中是剪接的意思 ) 1,定义和用法 splice() 方法用于插入.删除或替换数组的元素. **注意:**这种 ...
- JavaScript – 6.JS面向对象基础(*) + 7.Array对象 + 8.JS中的Dictionary + 9.数组、for及其他...
6.JS面向对象基础(*) 7.Array对象 7.1 练习:求一个数组中的最大值.定义成函数. 7.2 练习:将一个字符串数组输出为|分割的形式,比如"刘在石|金钟国|李光洙|HAHA|宋 ...
- Js中Array对象
Js中Array对象 JavaScript的Array对象是用于构造数组的全局对象,数组是类似于列表的高阶对象. 描述 在JavaScript中通常可以使用Array构造器与字面量的方式创建数组. c ...
- 前端：JS/23/JS内置对象（String对象，Array对象，Date对象，Boolean对象，Number对象，Math对象），实例：求圆的面积，求直角三角形
JS内置对象 1,String对象 字符串对象,提供了对字符串进行操作的属性和方法 2,Array对象 数组对象,提供了数组操作方面的属性和方法 3,Date对象 日期时间对象,可以获取系统的日期时间 ...
- JS中的函数,Array对象,for-in语句,with语句,自定义对象,Prototype
一)函数 A)JS中的函数的定义格式: function add(a,b) { var sum = a+b; document.write("两个数的和是:" + sum); // ...
- JS基础-Array对象手册
2019独角兽企业重金招聘Python工程师标准>>> Array 对象属性 属性 描述 constructor 返回对创建此对象的数组函数的引用. length 设置或返回数组中元 ...
- js中Array对象。concat,concat,pop,push,reserve,shift,slice,splice,toString，toLocaleString，unshift
Array对象(arr代码中表示Array创建的实例对象) 创建方式: 1.new Array(); 2.new Array(size);3.new Array(eg01,eg2.eg3.....); ...
- JS Array 中 shift 和 pop 的妙用
在 JS Array 中支持两个方法,shift() 和 pop(),分别是指从一个数据中的最前面和最后面删除一个值,并返删除值.看一个示例就明白了: var arr = ['s','o',' ...
最新文章
- P1197 [JSOI2008]星球大战
- .Net下的HashTable
- Kattis之旅——Prime Reduction
- (静态资源处理)nginx 比tomcat强在哪
- RedHat Linux AS4 LAMP经典网站搭建实例
- 短暂相逢却回味无穷，全球最具影响力的以太坊技术会议视频，你保存了吗！...
- 复述-软考网规--云计算专题
- java调用Linux mahout,Mahout算法调用展示平台2.1
- 【学习】——提问的智慧
- css 链接设计,css将超链接a设计成按钮样式实例
- 新鲜出炉的2019年最受期待的10大区块链游戏
- java软件安装教程_r软件安装教程
- 详解无刷直流电机的工作原理
- 50内的勾股数java_学习知识：50以内勾股数有哪些
- 海康摄像头的ISAPI协议
- （自兴人工智能）python列表
- 半小时搞定Yolov5安装配置及使用（详细过程）
- WMS系统运用波次拣货原理
- iOS Memory 内存详解
- oracle ora 604,ORA-01092:ORACLE实例终止,强制断开连接 ORA 00704 00604 00942