javascript数组对象
constructor属性
返回数组对象原型
var arr = [1,2,3,4,5];
arr.constructor //输出 function Array() { [native code] }
length属性
返回数组的数目(长度)
var arr = [1,2,3,4,5];
arr.length //输出 5
concat()方法
用于连接两个或多个数组(该方法不会改变现有数组)
var arr = [1,2,3,4,5];
var list = [6,7,8,9];
arr.concat(list);
// 输出[1, 2, 3, 4, 5, 6, 7, 8, 9]
copyWithin()方法
用于从数组的指定位置拷贝元素到数组的另一个指定位置中。
语法:array.copyWithin(target,start,end)
参数 target 必选,复制到指定目标索引位置
参数 start 必选,元素复制的起始位置
参数 end 可选,停止复制的索引的位置(默认为数组的长度)
var arr = [1,2,3,4,5];
arr.copyWithin(2,0);
//输出 [1, 2, 1, 2, 3]
every()方法
用于检测数组中所有元素是否符合指定条件(通过函数提供)
如果所有元素都满足条件,则返回true。否则,返回false。
var ages = [1,2,3,4,5,6];
function check(age){
return age >= 0;
}
ages.every(check);
//输出 true
fill()方法
使用固定值填充数组,将一个固定值替换数组的元素
语法:array.fill(value,start,end)
参数 value 必选,填充的值
参数 start 可选,开始填充的位置
参数 end 可选,停止填充的位置(默认是数组的长度)
var arr = [1,2,3,4,5];
arr.fill(8);
//输出 [8, 8, 8, 8, 8]
filter()方法
创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素
var ages = [1,2,3,4,5,6];
function check(age){
return age >= 3;
}
ages.filter(check);
//输出 [3, 4, 5, 6]
find()方法
返回传入一个测试函数符合条件的数组第一个元素
var ages = [1,2,3,4,5,6];
function check(age){
return age >= 3;
}
ages.find(check);//输出 3
findIndex()方法
返回传入一个测试函数符合条件的数组的第一个元素的位置
var ages = [1,2,3,4,5,6];
function check(age){
return age >= 3;
}
ages.findIndex(check);//输出 2
forEach()方法
用于调用数组的每一个元素,并将元素传递给回调函数
var ages = [1,2,3,4,5,6];
function my(item,index){
console.log(index+"-"+item);
}
ages.forEach(my);
/**输出
0-1
1-2
2-3
3-4
4-5
5-6
**/
indexOf()方法
返回某个指定的字符串值在字符串中首次出现的位置
var arr = [1,2,3,4,5];
arr.indexOf(2);
//输出 1
join()方法
把数组中的所有元素转换为一个字符串
var arr = [1,2,3,4,5];
arr.join();
//输出 "1,2,3,4,5"
lastIndexOf()方法
返回一个指定的字符串值最后出现的位置,在一个字符串中的指定位置从后向前搜索。
var arr = [1,2,3,4,5];
arr.lastIndexOf(4);
//输出 3
map()方法
返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。
var numbers = [4,9,16,25];
function myFunc(){
return numbers.map(Math.sqrt);
}
myFunc();
//输出 [2, 3, 4, 5]
pop()方法
用于删除数组的最后一个元素并返回删除的元素。
var arr = [1,2,3,4,5];
arr.pop();
//输出 5
push()方法
向数组的末尾添加一个或多个元素,并返回新的长度。
var arr = [1,2,3,4,5];
arr.push(6);
//输出 6
reduce()方法
接受一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。
var arr = [1,2,3,4,5];
function getSum(a,b){
return a+b;
}
arr.reduce(getSum);
//输出 15
reduceRight()方法
从数组的末尾向前将数组中的数组项做累加。
var arr = [1,2,3,4,5];
function getSum(a,b){
return a+b;
}
arr.reduceRight(getSum);
//输出 15
reverse()方法
用于颠倒数组中元素的顺序
var arr = [1,2,3,4,5];
arr.reverse();
//输出 [5, 4, 3, 2, 1]
shift()方法
用于把数组的第一个元素从其中删除,并返回第一个元素的值
var arr = [1,2,3,4,5];
arr.shift();
//输出 1
slice()方法
从已有的数组中返回选定的元素
var arr = [1,2,3,4,5];
arr.slice(1,3);
//输出 [2, 3]
some()方法
用于检测数组中的元素是否满足指定条件
var arr = [1,2,3,4,5];
function check(num){
return num > 3;
}
arr.some(check);
//输出 true
sort()方法
用于对数组的元素进行排序
排序顺序可以是字母或数字、并按升序或降序
var arr = [1,5,4,2,3];
arr.sort();
//输出 [1, 2, 3, 4, 5]
splice()方法
用于插入、删除或替换数组的元素
//删除一个元素
var arr = [1,5,4,2,3];
arr.splice(2,1);
//输出 [4]
//插入一个元素
var arr = [1,5,4,2,3];
arr.splice(2,0,7);
console.log(arr);
//输出 [1, 5, 7, 4, 2, 3]
//移除数组第三个元素,并在数组的第三个位置添加新元素 相当于替换了第三个元素
var arr = [1,5,4,2,3];
arr.splice(2,1,7);
console.log(arr);
//输出 [1, 5, 7, 2, 3]
toString()方法
把数组转换为字符串,并返回结果。
var arr = [1,5,4,2,3];
arr.toString();
//数组 "1,5,4,2,3"
unshift()方法
向数组的开头添加一个或更多元素,并返回新长度。
var arr = [1,5,4,2,3];
arr.unshift(6);
//输出 6
valueOf()方法
返回Array对象的原始值
var arr = [1,5,4,2,3];
arr.valueOf();
//输出 [1, 5, 4, 2, 3]
javascript数组对象的更多相关文章
- javascript数组对象排序
javascript数组对象排序 JavaScript数组内置排序函数 javascript内置的sort函数是多种排序算法的集合 JavaScript实现多维数组.对象数组排序,其实用的就是原生的s ...
- JavaScript数组对象常用方法
JavaScript数组对象常用方法 方法 形式 返回值 是否改变原数组 描述 concat -items: ConcatArray[] 追加之后的数组 否 连接两个或更多的数组,并返回结果.注意 c ...
- JavaScript 数组对象的去重
JavaScript数组去重 1.原型去重法.通过prototype找到数组的源性对象Array,在数组的原型上添加unique()方法.需要使用的时候使用 点 " . " 进行连 ...
- JavaScript数组对象详情
Array 数组概述 Array 类型是 ECMAScript 最常用的类型.javaScript 中的 Array 类型和其他语言中的数组有着很大的区别. 虽然数组都是有序排列,但 javaScri ...
- javascript 数组对象及其方法
数组声明:通过let arr = new Array(); 或者 let arr = []; 数组对象可调用的方法: 1)find方法,使用情况是对数组进行筛选遍历,find方法要求某个函数(A)作为 ...
- JavaScript 数组对象常用属性
concat() 用于连接两个或多个数组.该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本. var a = ["aa","ccc"]; var b ...
- 了解JavaScript 数组对象及其方法
数组在我目前学习过的编程语言中都可以见到, 形形色色的方法也数不胜数, 不过功能都一样, 最多也就是方法名稍稍有所不同, 老外也没个准啊, 如果英语比较好的同学对于学习方法(method)来说是很快的 ...
- 计算起始车站车费问题-JavaScript数组对象写法
计算起始站车费 题目:深圳--60--广州--50-虎门--40- -中山--36-珠海一34-澳门一89一香港以上车票费用计算,如坐车深圳到广州60元,广州到虎门50元,深圳到虎门就是60+50-1 ...
- Javascript 数组对象常用的API
常用的JS数组对象API ES5及以前的Api ECMAScript5为数组定义了5个迭代方法,每个方法接收两个参数, 一个是每项运行的函数,一个是运行该函数的作用域对象(可选项),传入这些方法的函数 ...
随机推荐
- [转]Struts form传值
Struts form传值 大约三四个月没用过struts框架,突然想拾起来,却发现好多都忘了.出现传值传不过来的问题.没办法,上网查了一下,看见了一位老师的帖子,总结的很好.特此转载与分享,文末附链 ...
- cakephp 基本的环境
这里是在 window下的环境搭建,我假设php,apache,mysql,的基本环境都ok,如果没有的话,偷个懒,用集成环境吧,我用的wampserver.1:去官网(http://cakephp. ...
- Gin Web框架简单介绍
翻译自: https://github.com/gin-gonic/gin/blob/develop/README.md Gin Web框架 branch=master"> Gin是用 ...
- Gemini.Workflow 双子工作流入门教程一:定义流程:流程图属性
简介: Gemini.Workflow 双子工作流,是一套功能强大,使用简单的工作流,简称双子流,目前配套集成在Aries框架中. 下面介绍本篇教程:流程定义:流程图属性. 步骤一:在流程管理的流程定 ...
- [2018-10-10]记录一下Vue的一个问题
最近用vue typescript SPA 做管理后台(ABP官网导出的vue项目模板),遇到一个错误,找了好久,虽然有相关资料,但发现都没解决,这里自己记录一下. Failed to mount c ...
- Android Weekly Notes Issue #276
September 24th, 2017 Android Weekly Issue #276 本期内容包括LifeCycle与Architecture的相关文章,以及新的JSON解析库Moshi的介绍 ...
- Appium——元素定位
首先介绍两种定位元素的工具,appium自带的 Inspector 和 android SDK自带的 uiautomatorviewer 1.UIAutomator Viewer比较简单,在模拟器打开 ...
- 算法(Algorithms)第4版 练习 1.3.27 1.3.28
代码实现: //1.3.27 /** * return the value of the maximum key in the list * * @param list the linked list ...
- matlab之结构体数组struct
以下内容来自于:https://blog.csdn.net/u010999396/article/details/54413615/ 要在MALTAB中实现比较复杂的编程,就不能不用struct类型. ...
- css(3)
行内元素和块内元素可以通过定义display的属性值进行相互转换. 想要叫ul中的li实现横向显示可以在li中加入布局"float:left": 如: /*这个用于控制单个图片区域 ...