`

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 
 

 

分享到:
评论

相关推荐

    JavaScript array常用方法代码实例详解

    JavaScript中的数组方法是编程中非常重要的工具,它们提供了丰富的功能,可以方便地操作和处理数组数据。在这篇文章中,我们将深入探讨几个常见的数组方法:`map()`、`reduce()`、`filter()`、`sort()`以及一些其他...

    常用js(超全的)

    【标题】"常用js(超全的)" 涵盖了JavaScript编程中一系列常见的、实用的知识点,这包括但不限于变量声明、数据类型、操作符、流程控制、函数、对象、数组、字符串处理、正则表达式、DOM操作、事件处理、AJAX请求等多...

    JS针对Array的各种操作汇总

    本篇文章将详细介绍如何在JS中创建和操作数组,包括基础的创建方法、常用操作方法以及如何在项目中运用这些知识。 首先,创建数组有两种常用方法:使用数组构造函数和使用数组字面量表示法。 1. 使用数组构造函数...

    js中数组Array的一些常用方法总结.docx

    以上就是JavaScript数组Array的一些常用方法,它们极大地提高了我们处理数组的效率和灵活性。理解并熟练掌握这些方法,对于JavaScript开发至关重要。在实际编程中,根据具体需求选择合适的方法,可以更好地操作和...

    浅谈JavaScript Array对象

    在本篇文章中,我们主要探讨了JavaScript中的Array对象,包括其定义、属性、以及常用的实例方法。 首先,我们需要了解JavaScript中数组的基本概念。JavaScript数组是一种值的有序集合,其中的值被称为元素。每个...

    javascript常用函数集合

    4. **数组操作**:`Array`对象提供了多种方法,如`push()`(向数组末尾添加元素)、`pop()`(删除并返回最后一个元素)、`shift()`(移除并返回第一个元素)、`unshift()`(向数组开头添加元素)、`splice()`(插入...

    javascript常用验证 常用操作方法(工具方法)

    本资源“javascript常用验证 常用操作方法(工具方法)”可能包含了一个名为`comm.js`的文件,这通常是一个通用的JavaScript工具库,封装了多种常见的验证和操作功能。下面将详细介绍JavaScript中的验证和操作方法。 ...

    常用js整理

    根据给定的信息,我们可以梳理出以下与“常用js整理”相关的知识点: ### 1. JavaScript 版本控制 - **JavaScript1.2**: 在提供的代码片段中,`<script language=JavaScript1.2>` 指定了脚本使用的 JavaScript ...

    Ext.Array例子

    在EXTJS库中,`Ext.Array` 是一个非常重要的工具类,它提供了许多方便的静态方法,用于处理JavaScript中的数组。这些方法旨在增强原生数组的功能,提高代码的可读性和效率。`Ext.Array` 包含了排序、查找、过滤、...

    javascript Array 数组常用方法

    在JavaScript中,Array对象提供了多种方法来操作和处理数组。以下是对标题和描述中提到的一些常用数组方法的详细解释: 1. **join()** `Array.join()`方法用于将数组的所有元素转换为字符串,并使用指定的分隔符...

    常用的js代码分享 常用的js代码分享

    本文将围绕标题和描述中提到的“常用的js代码”展开,分享一些实用的JavaScript代码片段和应用。 一、日期选择器 日期选择器在网页表单中非常常见,用于方便用户输入日期。在JavaScript中,我们可以使用内置的`Date...

    js操作数组元素常用方法

    JavaScript中的数组操作是编程中非常常见的一类任务,特别是在处理数据和动态构建用户界面时。在JavaScript中,数组提供了一系列内置方法,使我们能够轻松地添加、删除、修改和查找数组元素。以下是一些主要的方法...

    JavaScript精华(常用JavaScript模块)

    1. `Array`模块:提供了各种操作数组的方法,如`push()`、`pop()`、`slice()`、`splice()`等。 2. `Date`模块:用于处理日期和时间,如`new Date()`构造函数,`getFullYear()`、`getMonth()`等方法。 3. `Math`模块...

    Array & Json相互转换js

    在JavaScript中,数组(Array)和JSON(JavaScript Object Notation)是两种常见的数据结构,它们在处理和交换数据时起着关键作用。本篇将详细探讨如何在JS中实现Array与JSON之间的相互转换。 首先,我们需要理解...

    javascript Array.remove() 数组删除

    在JavaScript中,数组是一种常用的数据结构,用于存储一系列的元素。然而,JavaScript的原生数组对象并没有提供直接删除特定值的方法,例如`remove()`。在标题和描述中提到的`Array.remove()`方法实际上是一个自定义...

    javascript 好用及常用函数(ruby)

    JavaScript 和 Ruby 都是编程语言,虽然它们各自有着独特的语法和设计哲学,但在这个话题中,我们将重点关注JavaScript,特别是它的一些好用且常用的函数。在实际的Web开发中,JavaScript 是不可或缺的一部分,它...

    JavaScript中的Array的创建方式和Array与Map的应用

    本篇将深入探讨JavaScript中的Array的创建方式以及Array与Map这两种数据结构的应用。 一、Array的创建方式 1. **字面量方式**:这是最常见的方式,通过方括号`[]`直接创建数组,并在其中添加元素。例如: ```...

Global site tag (gtag.js) - Google Analytics