【js笔记】数组那些事[0]
js中数组是一个特殊的对象,索引是它的属性,整数索引在内部被转化为字符串类型。
1 数组的创建
new关键字方法:var arr=new Array()
var arr=new Array(10);
console.log(arr.length); // var arr=new Array(1,2,3);
console.log(arr.length); //
字面量方法:var arr=[]
var arr=[];
console.log(arr.length); // var arr=[1,2,3];
推荐使用字面量方法创建数组。
2 属性
长度属性 length
3 方法
3.1 对元素的添加删除
push():在数组末尾添加一个元素。返回值为新数组长度。
var arr=[1,2,3];
arr.push(4);
console.log(arr); // [1,2,3,4]
pop(): 删除数组末尾元素并将其返回。
var arr=[1,2,3];
arr.pop();
console.log(arr); //[1,2]
unshift():在数组开头添加元素。返回值为新数组长度。
var arr=[1,2,3];
arr.unshift(0);
console.log(arr); // [0,1,2,3]
shift():删除数组的第一个元素并将其返回。
var arr=[0,1,2,3];
arr.shift();
console.log(arr); //[1,2,3]
splice():
splice(start,len,i1,i2...):将i1,12...插入从start开始的len个元素的位置。
var arr=[0,1,2,3];
arr.splice(1,2,0,0);
console.log(arr);// [0, 0, 0, 3]
var arr=[0,1,2,3];
arr.splice(1,2,0);
console.log(arr); // [0, 0, 3]
splice(start,len):从start开始删除len个元素。
var arr=[0,1,2,3];
arr.splice(1,2);
console.log(arr);// [0, 3]
concat():在数组后插入新元素构成新数组。
var arr=[0,1,2,3];
var newarr= arr.concat(1,2);
console.log(newarr);// [0, 1, 2, 3, 1, 2]
3.2 查找
indexof():
从数组开头开始查找参数元素,返回参数元素的索引,若元素不存在,返回-1。
lastindexof():
从数组最后一个元素开始查找。
3.3 转化为字符串
toString()
join()
3.4 排序
reverse():反序
sort(): 按字母表顺序为字符串排序。
var arr=['a',10,'c',3];
console.log(arr.sort());// [10, 3, "a", "c"]
sort()可接收一个函数作为参数执行函数中的排序方法。
函数接收两个参数,若返回值为正数,则在数组中交换这两个数的顺序,否则不交换。下面为两种用sort实现从小到大排序的方法:
function compare(a,b){
return a-b;
}
var arr=[1,20,3,10];
console.log(arr.sort(compare)); // [1, 3, 10, 20]
function compare(a,b){
if (a>b)
return 1;
if (a<b)
return -1;
}
var arr=[1,20,3,10];
console.log(arr.sort(compare)); //[1, 3, 10, 20]
3.5 迭代器
forEach()
对数组中每一个元素使用参数函数。
every()
参数函数返回值为布尔型,若对所有元素作用该函数返回值为true,则方法返回true。
some()
参数函数返回值为布尔型,若对有一个元素元素作用该函数返回值为true,则方法返回true。
reduce()
对累加值和后一元素调用参数函数,返回最终累加值。
reduceRight()
从右向左累加。
map()
对每个元素使用参数函数,返回结果所构成的数组。
filter()
要求参数函数返回值为布尔型,方法返回结果为true的元素所构成的数组。
4 判断数组
typeof作用于数组返回object
数组的constructor属性返回值为Array
【js笔记】数组那些事[0]的更多相关文章
- JS中数组那些事~
今天闲的没事,看了一些关于数组的操作,好久木有用过,很多都已经忘记的差不多了,所以今天花了一个小时写了一些demo,准备备份一下方便以后使用~~~ 下面是一些工作当中,经常用到的数组的方法,小伙伴可以 ...
- js 笔记 数组(对象)
一.javascript push 的元素为指针 var data = {"test":{"201308":"23","20130 ...
- js笔记-0
#js笔记-0 数组: indexOf方法: Array也可以通过indexOf()来搜索一个指定的元素的位置: var arr = [10, 20, '30', 'xyz']; arr.indexO ...
- js笔记(3)--js实现数组转置(两种方法)
js实现数组转置 第一种方法: <script> window.onload=function(){ var array1=[[11,22,33,333],[4 ...
- Js删除数组重复元素的多种方法
js对数组元素去重有很多种处理的方法,本篇文章中为网络资源整理,当然每个方法我都去实现了:写下来的目的是希望自己活学活用,下次遇到问题后方便解决. 第一种 function oSort(arr){ v ...
- js去除数组重复项
/** * js去除数组重复项 */ //方法一.使用正则法 // reg.test(str),匹配得到就返回true,匹配不到返回false var arr = ["345",& ...
- js 判断数组包含某值的方法 和 javascript数组扩展indexOf()方法
var questionId = []; var anSwerIdValue = []; ////javascript数组扩展indexOf()方法 Array.prototype.indexOf ...
- 探讨js字符串数组拼接的性能问题
这篇文章主要介绍了有关js对字符串数组进行拼接的性能问题,字符串连接一直是js中性能最低的操作之一,应该如何解决呢?请参看本文的介绍 我们知道,在js中,字符串连接是性能最低的操作之一. 例如: 复制 ...
- js之数组,对象,类数组对象
许久不写了,实在是不知道写点什么,正好最近有个同事问了个问题,关于数组,对象和类数组的,仔细说起来都是基础,其实都没什么好讲的,不过看到还是有很多朋友有些迷糊,这里就简单对于定义以及一下相同点,不同点 ...
随机推荐
- Codeforces Round #431 (Div. 2)
A. Odds and Ends Where do odds begin, and where do they end? Where does hope emerge, and will they e ...
- ACM/ICPC 2018亚洲区预选赛北京赛站网络赛 B Tomb Raider 【二进制枚举】
任意门:http://hihocoder.com/problemset/problem/1829 Tomb Raider 时间限制:1000ms 单点时限:1000ms 内存限制:256MB 描述 L ...
- Docker 安装tomcat7
[root@VM_0_7_centos ~]# docker pull tomcat:7-jre7 [root@VM_0_7_centos ~]# docker run -di --name=tomc ...
- P2939 改造路
P2939 [USACO09FEB]改造路Revamping Trails 裸地分层图最短路 培训的时候考到过 但是-- 我考试的时候写了个基本没有的树状数组优化.然后顺利的被卡到了70分(裸的spf ...
- linux系统命令与常识
之前短期学过linux,用到时才发现已经忘得一干二净了. 现在对学过的和了解到的做一个总结: 先明确一些使用工具: winscp : WinSCP是一个Windows环境下使用SSH的开源图形化SFT ...
- js使用hover事件做一个“个人中心”的浮动层
原材料知识点:hover html: css:
- luogu p2615神奇的幻方题解
目录 题目部分 讲解部分 代码实现 题目部分 题目来源:洛谷p2615 题目描述 幻方是一种很神奇的 N*N矩阵:它由数字 1,2,3,⋯⋯,N×N 构成,且每行.每列及两条对角线上的数字之和都相同. ...
- c++stl应用入门
在这篇中,我会讲几个简单易懂且比较常用的stl函数,这些函数在noip系列考试中往往被允许使用(既然让用我们自然不用手码了...) (末尾有惊喜!) 1.sort 绝大部分刚入门的oier第一个接触的 ...
- Python——判断
if语句简介 说明 使用if语句判断的条件表达式的结果只有两种:Ture和False,结果为True则执行if语句中的代码,否则不执行,例: name = "smith" if n ...
- Ajax知识总结
一 AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML). AJAX 不是新的编程语言,而是一种使用现有标准的新方法.AJAX 最大 ...