`

js array常用操作

    博客分类:
  • js
阅读更多
js的Array的常用操作:
splice():强大
splice(0,2)会删除数组中的前两项
splice(2,0,"red","green")会从当前数组的位置 2 开始插入字符串"red"和"green"
splice (2,1,"red","green")会删除当前数组位置 2 的项,然后再从位置 2 开始插入字符串
"red"和"green"
两个参数:要删除的第一项的位置和要删除的项数
三个参数:起始位置、 0(要删除的项数)和要插入的项

new Array():创建一个数组
length:数组长度
push():添加一个元素
indexOf():返回传入参数在数组中的下标,没有则返回-1
pop():取得最后一个元素(并把这个元素从数组中移除)
shift():取得第一个元素(并把这个元素从数组中移除)
unshift():数组前端添加任意个元素,并返回数组长度
join():使用不同的分隔符构建返回的字符串
valueOf():返回数组元素构建的字符串
sort():升序排序
reverse():反转数组项顺序
concat():数组副本创建:
var colors = ["red", "green", "blue"];
var colors2 = colors.concat("yellow", ["black", "brown"]);
slice():创建一个新的数组,操作不会影响原数组
slice(0):创建一个新的数组,原数组的copy
slice(0,3):返回三个元素,不包含下标为3的元素

 
Array.isArray():判断是不是数组

高级:
every():对数组中的每一项运行给定函数,如果该函数对每一项都返回 true,则返回 true。
var numbers = [1,2,3,4,5,4,3,2,1];
var everyResult = numbers.every(function(item, index, array){
return (item > 2);
});
alert(everyResult); //false
var someResult = numbers.some(function(item, index, array){
return (item > 2);
});
alert(someResult); //true

filter():对数组中的每一项运行给定函数,返回该函数会返回 true 的项组成的数组。
var numbers = [1,2,3,4,5,4,3,2,1];
var filterResult = numbers.filter(function(item, index, array){
return (item > 2);
});
alert(filterResult); //[3,4,5,4,3]


forEach():对数组中的每一项运行给定函数。这个方法没有返回值。
var numbers = [1,2,3,4,5,4,3,2,1];
numbers.forEach(function(item, index, array){
//执行某些操作
});
map():对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组。
var numbers = [1,2,3,4,5,4,3,2,1];
var mapResult = numbers.map(function(item, index, array){
return item * 2;
});
alert(mapResult); //[2,4,6,8,10,8,6,4,2]



reduce()和 reduceRight()。这两个方法都会迭
代数组的所有项,然后构建一个最终返回的值;
reduce()方法从数组的第一项开始,逐个遍历
到最后。而 reduceRight()则从数组的最后一项开始,向前遍历到第一项
var values = [1,2,3,4,5];
var sum = values.reduce(function(prev, cur, index, array){
return prev + cur;
});
alert(sum); //15


var values = [1,2,3,4,5];
var sum = values.reduceRight(function(prev, cur, index, array){
return prev + cur;
});
alert(sum); //15 
 

 

分享到:
评论

相关推荐

    JS针对Array的各种操作汇总

    除了Object之外,Array类型应该是js中最常用的类型了。 今天总结一下Array的一些简单和基本的操作,也来巩固下自己的基础知识。 一、如何创建Array(下面直接说数组) 创建数组主要有两种方法,第一种是使用数组构造...

    JavaScript程序设计课件:Array对象.pptx

    Array用于创建数组对象及对数组进行处理操作。 创建Array对象的方式有三种: var arr1 = new Array(); //创建空数组 var arr2 = new Array(4); //创建4个长度的数组 var arr3 = new Array(1,2,3,5); //创建含有元素1...

    javascript 中关于array的常用方法详解

    javascript 中关于array的常用方法 最近总结了一些关于array中的常用方法, 其中大部分的方法来自于《JavaScript框架设计》这本书, 如果有更好的方法,或者有关于string的别的常用的方法,希望大家不吝赐教。 第一...

    JavaScript原生数组Array常用方法

    push方法和pop方法, 可以使数组的行为类似于栈, 先进后出, 并且推入和弹出操作只发生在一端. push方法 push方法可以接收一个或多个参数, 把它们追加到数组末尾, 并返回修改后数组的长度. var arr = ['a', 'b', 'c',...

    JavaScript Array对象基本方法详解

    昨天出去前端面试又失败,期间问了个有关于数组对象的问题,下面就这类问题总结下JavaScript常用的数组操作方法。 一、何为数组(Array)对象 数组对象是使用单独的变量名来存储一系列的值。 二、创建数组的三种方式...

    107个常用javascript语句

    107个常用javascript语句 -7.焦点 .focus(); -6.捕获对象通用方法 function $(obj) {return document.getElementById(obj);} ("") %> -5.字符串赋值数组var array=new Array(); array=tdrczpdata.split('<BR>'); ...

    Javascript中关于Array.filter()的妙用详解

    大家应该都知道filter是Javascript中Array常用的操作,它用于把Array的某些元素过滤掉,然后返回剩下的元素。下面这篇文章就给大家介绍了关于Javascript中Array.filter()的妙用,有需要的朋友们可以参考借鉴,下面来...

    javascript常用函数归纳整理

    本文整理归纳了一些js常用函数,其中包括对数据操作,字符替换操作,日期及加解密操作函数,还有一些简单的验证函数。便于大家查阅参考。相信对大家会有所帮助。 1.typeof、constructor、instanceof对数组的判断 ...

    javascript完全学习手册1 源码

    第4章 JavaScript常用对象 73 4.1 Document对象 73 4.1.1 Document对象概述 73 4.1.2 使用Document对象 75 4.2 Form对象及其元素 79 4.2.1 Form对象概述 79 4.2.2 表单元素 80 4.2.3 表单元素属性和事件 82 4.2.4 ...

    JavaScript字符串String和Array操作的有趣方法

    字符串和数组在程序编写过程中是十分常用的类型,因此程序语言都会将String和Array作为基本类型,并提供许多字符串和数组的方法来简化对字符串的操作。JavaScript里面也提供了String类型和Array类型,并且有很多基本...

    JS中去掉array中重复元素的方法

    filter是一个常用的操作,它用于把Array的某些元素过滤掉,然后返回剩下的元素。 和map()类似,Array的filter()也接收一个函数。和map()不同的是,filter()把传入的函数依次作用于每个元素,然后根据返回值是true...

    基于JavaScript Array数组方法(新手必看篇)

    Array类型是ECMAScript中最常用的引用类型。...下面总结一下JavaScript中数组常用的操作函数及用法。 •创建数组 创建数组主要有构造函数和数组字面量两种方法,如下所示: var arr = new Array(); var arr =

    js数组操作常用方法

    今天试过json[i].remove(),json.remove(i)之后都不行,看网页的DOM对象中好像JSON数据是以数组的形式出现的,查阅了下相关JS中数组的操作一试果然很爽。 记录下来。 1、数组的创建 代码如下:var arrayObj = new ...

    javascript初级代码学习.zip

    002-DOM编程-innerHTML和innerText操作div和span 003-DOM编程-关于正则表达式 004-去除字符串的前后空白trim 005-表单验证 006-复选框的全选和取消全选 007-获取下拉列表选中项的value 008-显示网页时钟 009-内置...

    JavaScript数组类型Array相关的属性与方法详解

    在ECMAScript中除了object类型之外,Array数组用的是最常用的类型。ECMAScript数组可以在每一项存储任何类型的值,无需指定数组的长度,还可以随着数据的增长来增加数组长度,这些是和其他语言的数组不同的。 1.数组...

    javascript完全学习手册2 源码

    第4章 JavaScript常用对象 4.1 Document对象 4.1.1 Document对象概述 4.1.2 使用Document对象 4.2 Form对象及其元素 4.2.1 Form对象概述 4.2.2 表单元素 4.2.3 表单元素属性和事件 4.2.4 表单验证 ...

    JavaScript类型相关的常用操作总结

    js的基本数据类型有哪些?...本文主要给大家介绍了关于js类型相关的常用操作,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧 JS数组,字符串,json互相转换 JS数组转字符串 使用数组自

    js中Array对象的常用遍历方法详解

    1.forEach(),遍历数组的每个元素 ...2.map(参数为回调函数)函数,遍历数组每个元素,并回调操作,需要返回值,返回值组成新数组,原数组不变; let arr = [{id:1,name:'muzi'},{id:2,name:'digbig'},{id:3,name:'m

    JavaScript数组常用方法

    instanceof操作符它假设只有一个全局执行环境,如果网页包含多个框架则使用ECMAScript5新增的Array.isArray()方法。 if(Array.isArray(value)){//判断value是否是数组 } Array.isArray()方法支持的浏览器有IE9+、...

    Underscore.js常用方法总结

    它提供了几十种函数式编程的方法,大大方便了Javascript的编程。MVC框架backbone.js就是基于这个库。 它定义了一个下划线(_)对象,函数库的所有方法都属于这个对象。这些方法大致上可以分成:集合(collection)、...

Global site tag (gtag.js) - Google Analytics