【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之数组,对象,类数组对象
许久不写了,实在是不知道写点什么,正好最近有个同事问了个问题,关于数组,对象和类数组的,仔细说起来都是基础,其实都没什么好讲的,不过看到还是有很多朋友有些迷糊,这里就简单对于定义以及一下相同点,不同点 ...
随机推荐
- sublime3插件安装方法
sublime3插件安装方法:http://blog.csdn.net/u011627980/article/details/52171886
- Latex 编辑器安装
MiKTex + TexStudio 1. 下载安装MiKTex,从http://www.miktex.org/下载basic-miktex-2.9.5872-x64.exe,一路默认安装... 或者 ...
- CodeForces - 598A Tricky Sum (数学,快速幂的运用)
传送门: http://codeforces.com/problemset/problem/598/A A. Tricky Sum time limit per test 1 second memor ...
- CSS实战3
1. z-index 层级 div 层 <!DOCTYPE html> <html> <head lang="en"> <meta ...
- CRS
CRS是集群就绪服务(cluster ready service)的简称,主要负责集群中的资源管理以及OCR管理.为了与10gR2集群管理软件名称crs区分,这里用CRSD代替CRS.相关概念:--资 ...
- Flask—05-理解掌握flask数据模型(01)
数据模型 数据库回顾 分类: 关系型数据库:MySQL.sqlite.… 非关系型数据库:Redis.MongoDB.… 操作: 执行原生SQL语句,每次都需要拼接SQL语句,非常繁琐而且特别容易出错 ...
- Vue--- vue-Router 路由
文档 https://router.vuejs.org/zh-cn npm install vue-router --save 调用 import Vue from 'vue' import Vue ...
- 『ACM C++』 PTA 天梯赛练习集L1 | 001-006
应师兄要求,在打三月底天梯赛之前要把PTA上面的练习集刷完,所以后面的时间就献给PTA啦~ 后面每天刷的题都会把答案代码贡献出来,如果有好的思路想法也会分享一下~ 欢迎大佬提供更好的高效率算法鸭~ - ...
- leetcode笔记(七)529. Minesweeper
题目描述 Let's play the minesweeper game (Wikipedia, online game)! You are given a 2D char matrix repres ...
- <CPP学习>第一天 第一个CPP程序 hello word
由于我是计算机类嵌入式专业的大一学生,之前一直使用的是生万物的C语言,了解了其过程性语言的特性及其基础语法,在大一下学期期末阶段想自学一下C++,其实在开学初就买了一本C++ Primer,但由于各种 ...