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个迭代方法,每个方法接收两个参数, 一个是每项运行的函数,一个是运行该函数的作用域对象(可选项),传入这些方法的函数 ...
随机推荐
- 搭建SVN服务器详细教程
搭建SVN服务器详细教程 本教程会从最基本的下载安装到上传代码,下载代码这条线来详细讲述如何完成SVN服务器的搭建 下载并安装VisualSVN server 下载并安装TortoiseSVN 导入项 ...
- html学习笔记(1)--处理特殊字符以及其他的一些小细节
冬日深夜,照着一本html的书籍练习,忍不住将一些常识记下来.书名是:<HTML与CSS入门经典> by [美] Julie Meloni(这是一位女士) 1.在大多数浏览器中,<s ...
- MarkdownPad - The Markdown Editor for Windows http://markdownpad.com/
MarkdownPad - The Markdown Editor for Windows http://markdownpad.com/
- Git you are not allowed to push code to protected branches on this project?
error: You are not allowed to push code to protected branches on this project....error: failed to pu ...
- php中$t=date()函数参数意义及时间更改
php中date()函数用的最多的是:date('Y-m-d H:i:s', time()); 这里面的参数意义分别是:Y - 年,四位数字; 如: "2016":m - 月份, ...
- centos安装php5.6
配置yum源 追加CentOS 6.5的epel及remi源. # rpm -Uvh http://ftp.iij.ad.jp/pub/linux/fedora/epel/6/x86_64/epel- ...
- [TroubleShooting]Neither the partner nor the witness server instance for database is availble
Problem: You are trying to setup a mirroring on a Database called xxxDB(SQL server 2012). You are ge ...
- Java for LeetCode 107 Binary Tree Level Order Traversal II
Given a binary tree, return the bottom-up level order traversal of its nodes' values. (ie, from left ...
- 获取原生的DOM方式,DIY脚手架,vue-cli的使用
一 . 获取原生的DOM的方式 在js中,我们可以通过id, class 或者标签获取DOM元素,vue中也为我们提供了获取原生DOM的方法,就是给标签或者组件添加 ref 属性,通过 this.$r ...
- Vue-router进阶、单页面应用(SPA)带来的问题
一 . vue-router 进阶 回顾学过的vue-router,并参考官方文档学习嵌套路由等路由相关知识. 二 . 单页面应用(SPA)带来的问题 1 . 虽然单页面应用有优点 , 但是,如果后端 ...