javascript 常见数组操作( 1、数组整体元素修改 2、 数组筛选 3、jquery 元素转数组 4、获取两个数组中相同部分或者不同部分 5、数组去重并倒序排序 6、数组排序 7、数组截取slice 8、数组插入、删除splice(需明确位置) 9、数组遍历 10、jQuery根据元素值删除数组元素的方)
主要内容:
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根据元素值删除数组元素的方)的更多相关文章
- JavaScript常见集合操作
		
JavaScript常见集合操作 集合的遍历 FOR循环(效率最高) 优点:JavaScript最普遍的for循环,执行效率最高 缺点:无法遍历对象 for(let i=0;i<array.le ...
 - 获取两个List中的不同元素,4种方法,逐步优化,学习使用
		
完全复制https://www.cnblogs.com/czpblog/archive/2012/08/06/2625794.html 先上测试结果 代码 package com.syl.test; ...
 - js完整教程一 : 基本概念和数组操作
		
文章提纲 JS相关常识 JS基本概念 实践 总结 JS相关常识 js是一种可以与HTML标记语言混合使用的脚本语言,其编写的程序可以直接在浏览器中解释执行. 一.组成 js是一种专门为网页交互设计的脚 ...
 - JavaScript中常见的数组操作函数及用法
		
JavaScript中常见的数组操作函数及用法 昨天写了个帖子,汇总了下常见的JavaScript中的字符串操作函数及用法.今天正好有时间,也去把JavaScript中常见的数组操作函数及用法总结一下 ...
 - javascript数组操作(创建、元素删除、数组的拷贝)
		
这篇文章主要介绍了javascript数组操作,包括创建.元素的访问.元素删除.数组的拷贝等操作,还有其它示例,需要的朋友可以参考下 1.数组的创建 复制代码 代码如下: var arrayObj = ...
 - javaScript几个操作数组增减元素的函数
		
1. shift:删除原数组第一项,并返回删除元素的值:如果数组为空则返回undefined 2. unshift:将参数添加到原数组开头,并返回数组的长度 var a = [1,2,3,4,5]; ...
 - Javascript数组操作
		
使用JS也算有段时日,然对于数组的使用,总局限于很初级水平,且每每使用总要查下API,或者写个小Demo测试下才算放心,一来二去,浪费不少时间:思虑下,堪能如此继续之?当狠心深学下方是正道. 原文链接 ...
 - JavaScript jQuery 中定义数组与操作及jquery数组操作
		
首先给大家介绍javascript jquery中定义数组与操作的相关知识,具体内容如下所示: 1.认识数组 数组就是某类数据的集合,数据类型可以是整型.字符串.甚至是对象Javascript不支持多 ...
 - Javascript数组操作(转)
		
1.数组的创建 var arrayObj = new Array(); //创建一个数组 var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限, ...
 
随机推荐
- python 项目实例
			
参考: https://blog.csdn.net/yz764127031/article/details/71522161 https://www.cnblogs.com/linuxprobe/p ...
 - Linux中jdk的安装配置
			
1.下载jdk安装包 2.解压文件:tar -zxvf jdk-8u211-linux-x64.tar.gz 3.编辑环境变量:vi /etc/profile 4.在环境变量文末添加三行: expor ...
 - selenium操作浏览器的前进和后退
			
前进关键字:driver.forward() 后退关键字:driver.back() 测试对象:1.https://www.baidu.com/ 2.https://www.sogou.com/ 实例 ...
 - 用Sklearn画一颗决策树
			
小伙伴们大家好~o( ̄▽ ̄)ブ,首先声明一下,我的开发环境是Jupyter lab,所用的库和版本大家参考: Python 3.7.1(你的版本至少要3.4以上 Scikit-learn 0.20.0 ...
 - 期末Java Web大作业----简易的学生管理系统
			
学生信息管理系统(大作业) 2018-12-21:此文章已在我的网站更新,添加视图介绍等信息,源码请移步下载https://www.jeson.xin/javaweb-sims.html PS:首先不 ...
 - websocket与ajax的区别浅析
			
1.本质不同 Ajax,即异步JavaScript和XML,是一种创建交互式网页应用的网页开发技术: WebSocket是HTML5一种新的协议,实现了浏览器与服务器全双工通信.其本质是先通过HT ...
 - md5 加密文件
			
import hashlibimport os def get_md5(file_path): md5 = None if os.path.isfile(file_path): f = open(fi ...
 - CSS引用方式及样式层叠机制
			
CSS引用方式有3种,三种分别为:外部引入.内部引入.行内样式,下面一 一进行介绍. 1.外部引入:CSS代码在一个独立的文件中,HTML通过Link标签引入到页面. 代码格式:<link re ...
 - Python连接MySQL数据库之pymysql模块使用
			
安装PyMySQL pip install pymysql PyMySQL介绍 PyMySQL是在python3.x版本中用于连接MySQL服务器的一个库,2中则使用mysqldb. Django中也 ...
 - Three.js学习笔记05
			
场景相关函数和属性 下面的代码中应用到了所有以上的函数及属性: <!DOCTYPE html> <html lang="en"> <head> ...