主要内容:

1、数组整体元素修改

2、 数组筛选

3、jquery 元素转数组

4、获取两个数组中相同部分或者不同部分

5、数组去重并倒序排序

6、数组排序

7、数组截取slice

8、数组插入、删除splice(需明确位置)

9、数组遍历

10、jQuery根据元素值删除数组元素的方法

数组常见操作包含了 增、删、查、改、插入、交集、并集

1、数组整体元素修改

//map,给数组每个元素加1 输出[1,2,3]
$.map([0,1,2],function(n){
return n+1;
})
//输出[1,2,3]

2、数组筛选

$.map([0,1,2],function(n){
return n>0?n+1:null
})
//[2,3]

 3、jquery 元素转数组

 $("li").toArray()
$.makeArray($("li"))

4、获取两个数组中相同部分或者不同部分

//去掉true则显示相同部分,保留true则显示不同部分
var a=[1,2,3,5,6,3,7,12],
b=[1,3,5,12] $.grep(a,function(n,i){
if(b.indexOf(n)>=0)
return n
},true);
//[2,6,7]

 5、数组去重并倒序排序

 var a=[1,2,3,5,6,3,7,12];
$.unique(a)
// [12,7,6,5,3,2,1]

 6、数组排序

 var arr=[1,34,5,8,4,9,12]
arr.sort(function(a,b){
return a-b;
});
//顺序:a-b   [1, 4, 5, 8, 9, 12, 34]
//倒序:b-a [34, 12, 9, 8, 5, 4, 1]

7、数组截取slice

var arr=[1,34,5,8,4,9,12];
arr.slice(2,4)
// [5,8]

 8、数组插入、删除splice(需明确位置)

  var arr=[1,34,5,8,4,9,12];
//删除
arr.splice(2,4)
//arr 输出[1, 34, 12]
//替换
arr.splice(1,2,3,4)
//arr 输出[1, 3, 4, 8, 4, 9, 12]
//插入
arr.splice(2,0,44)
//arr 输出[1, 34, 44, 5, 8, 4, 9, 12]

9、数组遍历

var members=["1","2","3"];
$.each(members,function(i,item){
console.log(item);
});
如何跳出当前的each循环
return false;——跳出所有循环;相当于 javascript 中的 break 效果。
return true;——跳出当前循环,进入下一个循环;相当于 javascript 中的 continue 效果。

 10、jQuery根据元素值删除数组元素的方法

var arr = ['a','b','c','d'];
arr.splice($.inArray('c',arr),1);
console.log(arr);
// ['a','b','d']

javascript 常见数组操作( 1、数组整体元素修改 2、 数组筛选 3、jquery 元素转数组 4、获取两个数组中相同部分或者不同部分 5、数组去重并倒序排序 6、数组排序 7、数组截取slice 8、数组插入、删除splice(需明确位置) 9、数组遍历 10、jQuery根据元素值删除数组元素的方)的更多相关文章

  1. JavaScript常见集合操作

    JavaScript常见集合操作 集合的遍历 FOR循环(效率最高) 优点:JavaScript最普遍的for循环,执行效率最高 缺点:无法遍历对象 for(let i=0;i<array.le ...

  2. 获取两个List中的不同元素,4种方法,逐步优化,学习使用

    完全复制https://www.cnblogs.com/czpblog/archive/2012/08/06/2625794.html 先上测试结果 代码 package com.syl.test; ...

  3. js完整教程一 : 基本概念和数组操作

    文章提纲 JS相关常识 JS基本概念 实践 总结 JS相关常识 js是一种可以与HTML标记语言混合使用的脚本语言,其编写的程序可以直接在浏览器中解释执行. 一.组成 js是一种专门为网页交互设计的脚 ...

  4. JavaScript中常见的数组操作函数及用法

    JavaScript中常见的数组操作函数及用法 昨天写了个帖子,汇总了下常见的JavaScript中的字符串操作函数及用法.今天正好有时间,也去把JavaScript中常见的数组操作函数及用法总结一下 ...

  5. javascript数组操作(创建、元素删除、数组的拷贝)

    这篇文章主要介绍了javascript数组操作,包括创建.元素的访问.元素删除.数组的拷贝等操作,还有其它示例,需要的朋友可以参考下 1.数组的创建 复制代码 代码如下: var arrayObj = ...

  6. javaScript几个操作数组增减元素的函数

    1. shift:删除原数组第一项,并返回删除元素的值:如果数组为空则返回undefined 2. unshift:将参数添加到原数组开头,并返回数组的长度 var a = [1,2,3,4,5]; ...

  7. Javascript数组操作

    使用JS也算有段时日,然对于数组的使用,总局限于很初级水平,且每每使用总要查下API,或者写个小Demo测试下才算放心,一来二去,浪费不少时间:思虑下,堪能如此继续之?当狠心深学下方是正道. 原文链接 ...

  8. JavaScript jQuery 中定义数组与操作及jquery数组操作

    首先给大家介绍javascript jquery中定义数组与操作的相关知识,具体内容如下所示: 1.认识数组 数组就是某类数据的集合,数据类型可以是整型.字符串.甚至是对象Javascript不支持多 ...

  9. Javascript数组操作(转)

    1.数组的创建 var arrayObj = new Array(); //创建一个数组 var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限, ...

随机推荐

  1. Asp.net并发请求导致的数据重复插入问题

    前段时间工作中,有客户反应了系统中某类待办重复出现两次的情况.我核实了数据之后,分析认为是并发请求下导致的数据不一致性问题,并做了重现.其实这并不是一个需要频繁调用的功能,但是客户连续点击了两次,导致 ...

  2. sqlserver2008 批量插入数据

    private DataTable GetTableSchema() { DataTable dt = new DataTable(); dt.Columns.AddRange(new DataCol ...

  3. 一个类,有新增元素(add)和获取元素数量(size)方法。 启动两个线程。线程1向容器中新增数据。线程2监听容器元素数量,当容器元素数量为5时,线程2输出信息并终止

    方式一: /** * 两个线程要是可见的所以要加上votalile */public class Test_01 { public static void main(String[] args) { ...

  4. HTML5+CSS3 1

    html5标准模板 <!DOCTYPE html>   //<!DOCTYPE>标签 向浏览器声明当前文档使用的HTML版本,<!DOCTYPE html>适用于所 ...

  5. APP产品设计及运营时常见的问题

    目录 一.APP设计之初必须预埋的功能 二.H5活动页入口设计 三.全套icon /menu icon / logo图,统一后台设置便于活动推广 四.webview与原生页面的路由应统一改善用户体验 ...

  6. Jmeter选项含义

    最近接了组里压测的任务,开始仔细钻研Jmeter了.之前也压过,但每次RD问压测的指标等问题,感觉都很懵不知道该怎么回答.借这个机会一鼓作气搞明白吧! Jmeter安装插件 有个插件叫jp@gc St ...

  7. web应用、HTTP协议及web框架简介

    1. web应用 1.1 web应用程序 Web应用程序是一种可以通过Web访问的应用程序,程序的最大好处是用户很容易访问应用程序,用户只需要有浏览器即可,不需要再安装其他软件 B/S模式(浏览器/服 ...

  8. centos 桥接配置 设置网络代理 lnmp搭建

    一.桥接配置 centos设置  编辑->虚拟网络编辑器->桥接模式->还原默认设置 虚拟机->设置->网络适配器->桥接 cd /etc/sysconfig/ne ...

  9. 日常问题181101: ueditor文本编辑器

    下载地址: https://ueditor.baidu.com/website/download.html#ueditor 把下载好的文件整个复制到根目录(或是,想要存放的目录) 引入css: < ...

  10. Android Gradle Task-中文

    任务可以从根项目运行 Android 任务 androidDependencies-显示项目的Android依赖项 signingReport-显示基础和测试模块的签名信息 sourceSets-打印 ...