摘要:只有满足才返回,否则返回。专门用于筛选出数组中符合函数判断条件的元素组成的心数组。专门用于对原数组中每个元素执行相同的函数对象规定的操作。并归方法将数组从左向右迭代。
Array类型 数组的常见方法 检测数组
如何确定当前是一个数组,JS提供了以下几种方式
1.typeof无法检测数组对象:typrof[]返回object
2.instanceof:[]instanceof Array返回true/false
3.Object.prototype.toString.call([])返回[object Array]
4.Array.prototype.isPrototypeOf([])返回true/false
5.ES5中的新方法,Array.isArray([])返回true/false
var arr = [1,2,3,4,5]; console .log(arr instanceof Array);//true console.log(Object.prototype.toString.call(arr));//[object Array] console .log(typeof null);//object console .log(null instanceof Object);//false console.log(Object.prototype.toString.call(null));//[object Null] console .log(Array .prototype.isPrototypeOf(arr));//true console.log(Array.isArray(arr));//true转换方法
JS提供了如下的方法用于数组的转换
1.toString() 把数组转换为字符串,并返回结果
2.valueOf() 返回数组对象的原始值
var arr =[1,2,3,4,5]; console .log(arr.toString());//1,2,3,4,5 console .log(arr.valueOf());//[1,2,3,4,5] var obj = { name :"jinx" } console .log(obj.valueOf());//{name:"jinx"}进出栈方法
JS中提供了如下方法,用于数组的进出栈操作
1.push()想数组的末尾添加一个或多个元素,并返回新的长度
2.pop() 删除数组中的而最后一个元素并返回删除的元素
3.shift()删除并返回数组的第一个元素
4.unshift() 向数组的开头添加一个或更多的元素,并返回新的长度
var arr= [1,2,3,4,5]; arr .push(6); console .log(arr);//[ 1, 2, 3, 4, 5, 6 ] arr.pop(); console .log(arr);//[ 1, 2, 3, 4, 5 ] arr.unshift(7); console .log(arr);//[ 7, 1, 2, 3, 4, 5 ] arr.shift(); console .log(arr);//[ 1, 2, 3, 4, 5 ]排序方法
JS中提供了如下的方法,用于数组的排序操作
1.reverse() 反转数组的元素顺序
2.sort() 对数组的元素进行排序
var values = [1,2,3,4,5,6]; console .log(valuse.sort());//1,2,3,4,5,6 console .log(values. reverse());//6,5,4,3,2,1 ###连接方法### 在JS中提供了以下方法,用于多个数组间的连接操作 concat() 连接两个或更多的数组,并返回结果
var arr = [1,2,3,4,5];
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 ]
###操作方法### slice() 选取数组的一部分,并返回一个新数组 splice() 从数组中添加或删除元素
var arr = [1,2,3,4,5];
/*
splice(start, deleteCount)方法 * 作用 - 用于删除当前数组中指定位置指定个数的元素 * 参数 * 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);
/*
slice()方法 * 作用 - 截取指定数组中的元素 * 参数 * begin - 表示开始截取的位置(从 0 开始) * end - 表示结束截取的位置(截取最后一个位置的下一个位置) * 返回值 - 返回截取的元素组成的新数组
*/
var result = arr.slice(2,3);
console.log(result);
###检索方法### indexOf() 搜索数组中的元素,并返回他所在的位置 lastindexOf 返回一个指定的字符串值最后出现的位置,在一个字符串中指定位置从后向前搜索
var arr =["jinx","vn","mf","noc"];
console .log(arr.indexOf("jinx"));//0
console .log(arr.indexOf("mf"));//2
console .log(arr.indexOf("bec"));//-1
###forEach方法###
var arr = ["jinx","mf","noc","vn"];
arr. forEach(function(currentValue,index,array){
console .log(currentValue); console .log(index); console .log(array);
});
###迭代方法### 1.every():判断数组中每个元素是否都满足fun函数定义的条件。只有满足才返回true,否则返回false。 2.filter():专门用于筛选出数组中符合fun函数判断条件的元素组成的心数组。 3.forEach():专门用于对原数组中每个元素执行相同的fun函数对象规定的操作。 4.map():专门用于基于袁术组创建新数组对象。 5.some():判断数组中是否包含满足fun含糊是定义的条件的元素,只要包含就返回true,否则返回false。
var arr = [1,2,3,4,5];
var result = arr.every(function(currentValue,index,array){
return (currentValue<=5);
});
console .log(result);
##并归方法### 1.reduce()将数组从左向右迭代。 2.reduceRight()将数组从右向左迭代.
var arr = [1,2,3,4,5];
arr .reduce(function(accumulator,currentValue,cunrrentIndex,array){
console .log(accumulator) return accumulator + currentValue;
});
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/108401.html
摘要:继承原型链如果构造函数或对象的原型指向构造函数或对象,的原型再指向构造函数或对象,以此类推,最终的构造函数或对象的原型指向的原型。 继承 原型链 如果构造函数或对象A的原型指向构造函数或对象B,B的原型再指向构造函数或对象C,以此类推,最终的构造函数或对象的原型指向Object的原型。由此形成了一条链状结构,被称之为原型链。按照上述的描述,在B中定义的属性或方法,可以在A中使用并不需要...
摘要:网上有很多前端的学习路径文章,大多是知识点罗列为主或是资料的汇总,数据量让新人望而却步。天了解一个前端框架。也可以关注微信公众号晓舟报告,发送获取资料,就能收到下载密码,网盘地址在最下方,获取教程和案例的资料。 前言 好的学习方法可以事半功倍,好的学习路径可以指明前进方向。这篇文章不仅要写学习路径,还要写学习方法,还要发资料,干货满满,准备接招。 网上有很多前端的学习路径文章,大多是知...
摘要:如果该函数的返回值大于,表示第一个成员排在第二个成员后面其他情况下,都是第一个元素排在第二个元素前面。第三次执行,为上一轮的返回值,为第四个成员。第四次执行,为上一轮返回值,为第五个成员。 JS中ArrayAPI学习笔记 记博客,时常回顾.尤其是面试之先回顾阮一峰标准库Array对象 1 一些标准库回顾 showImg(https://segmentfault.com/img/remo...
摘要:数组元素甚至可以是对象或其它数组。它执行的是浅拷贝,这意味着如果数组元素是对象,两个数组都指向相同的对象,对新数组中的对象修改,会在旧的数组的相同对象中反应出来。 JS中的数组是弱类型的,数组中可以含有不同类型的元素。数组元素甚至可以是对象或其它数组。JS引擎一般会优化数组,按索引访问数组常常比访问一般对象属性明显迅速。数组长度范围 from 0 to 4,294,967,295(2^...
阅读 3214·2021-09-22 16:06
阅读 3210·2021-09-02 15:40
阅读 607·2019-08-30 15:54
阅读 1013·2019-08-26 12:22
阅读 1347·2019-08-26 12:17
阅读 2726·2019-08-26 12:09
阅读 434·2019-08-26 10:20
阅读 759·2019-08-23 16:28