var arr01 = [ "fuc" , "shit" , "assho" ];
var arr02 = [  1 , 2 , 3 ];

  

// 以下多数省略前半部分的对象名(arr01)
 
var temp = arr01.join("and")    //  将数组内所有元素转换为一个字符串 , 可指定分隔符
 
 
concat(arr01,arr02)    //  用于连接 . 可放置两个或多个参数 (字符串/数组均可)
indexof("str")    //  返回str第一次出现的索引位置 (数字也可) , 未找到返回-1
lastIndexOf("fuc")    //  返回最后一次出现的索引位置
slice(start,end)    //  不包括结束索引处的元素 , 不指定参数可截取所有元素(可用于复制数组)
 
splice(index,num,item1,item2,...)
// 过程 : 从数组第[index]个元素删除[num]个元素,插入item1 item2 (新元素数量不限)
// 元素参数个数任意 , 可省略 .
// 若省略此函数可作为 "从索引[n]开始删除[m]个元素 "来使用
// 第二个num指定删除多少个元素 , 若为0 , 则在索引index前添加元素
 
 
push("01","02")    //  在数组末尾加上指定元素
unshift("01","02")    //  在数组开头处加上指定元素
pop()    //  从末尾删除单个元素
shift()    //  从开头删除单个元素
 
sort()    //  默认都按字母升序. so若要作为数字排序,需带上参数(升序) (function(a,b){return a-b}) 降序为b-a
reverse()    //  颠倒原数组的所有元素
 
 
几个复杂点的 : 
( 这几项都要配合函数来玩~ )
 
 
① MAP
newArr = oldArr.map(func)

  

//  map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。
// 不会改变原始数组
 
源代码示例 : 
var strings = ["hello", "Array", "WORLD"];
function makeUpperCase(v)
{
    return v.toUpperCase();
}
var uppers = strings.map(makeUpperCase);
// uppers is now ["HELLO", "ARRAY", "WORLD"]
// strings is unchanged
//结果:["hello", "Array", "WORLD"].map(makeUpperCase) : HELLO, ARRAY, WORLD  
OR
var nums = [4,9,16,25] ;
function test(){
   document.write(nums.map(Math.sqrt));
}

test();

  

②  Every & Some
 
// 两种方法用于 用于检测数组中的元素是否满足指定条件
// 区别在于 前者必须都满足才返回True , 后者有一个满足就返回True
// 俩方法均不会改变原数组
 
var ages = [20,15,19,30];
function adultYes(age){
     return age > 18 ;
}
function test(){
     document.write(ages.every(adultYes));
}

test();

// 函数内为every返回false
// 为some返回true

  

 
③ Filter 
 
// filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。
// 可以直接过滤掉不符合条件的元素
// 当然 , 仍不会改变原数组
 
var ages = [20,15,19,30];
function adultYes(age){
     return age > 18 ;
}
function test(){
     document.write(ages.filter(adultYes));
}

test();

  

 
 

JS数组常用方法的更多相关文章

  1. js数组常用方法汇总

    判断某个对象是否是数组: instanceof.Array.isArray() 对于一个网页或者一个全局作用域可以使用instanceof操作符. if(value instanceof Array) ...

  2. js 数组常用方法

    var arr =[0,1,2,3,4,5,6,7,8,9]; 1,shift() 删除数组的第一个元素,返回删除的值  //这里返回0 2,unshift(1,2)  把参数添加到数组的前面,返回值 ...

  3. js 数组常用方法说明

    //push 向数组最后添加一项 var arr = ['one', 'two', 'three']; arr.push("four"); console.log(arr);//[ ...

  4. JS数组常用方法总结

    JavaScript中创建数组有两种方式 (一)使用 Array 构造函数: var arr1 = new Array(); //创建一个空数组 var arr2 = new Array(20); / ...

  5. js数组常用方法,含es5

    (1)基本的数组方法 1.join() Array.join()方法将数组中所有元素都转化为字符串并连接在一起,返回最后生成的字符串.可以自己指定分隔的符号,如果不指定,默认使用逗号 var arr ...

  6. js数组常用方法整理

    学疏才浅,若有不对的地方,希望大家可以帮忙指正出来. 1. Array.push(),向数组的末尾添加一个或多个元素,并返回新的数组长度.原数组改变. 2. Array.pop(),删除并返回数组的最 ...

  7. 优化 JS 条件语句及JS 数组常用方法, ---- 看完绝对对日后开发有用

    前言: 日常所说的优化优化.最后我们到底优化了哪些,不如让我们从代码质量开始:个人觉得简洁简化代码其实觉得存在感挺强烈的QAQ 1. 获取URL中 ?后的携带参数: 这是我见过最简洁的了,若有更简洁的 ...

  8. es6 js数组常用方法

    一:会改变自身的方法 1.array.push(element1, ...elementN) 添加一个或多个元素到数组的末尾,并返回数组新的长度 2.array.unshift(element1, . ...

  9. js 数组 常用方法

    let arr=[{a:1},{a:2},{a:3}];//forEach 数组循环// 返回void arr.forEach(i=>{ // i为arr中的元素 }) //filter 数组过 ...

随机推荐

  1. 上海招聘FPGA讲师(专兼职均可)

    上海招聘FPGA讲师(专兼职均可) 招聘FPGA培训讲师(专兼职均可) 诚聘FPGA培训讲师_软件无线电方向 ◆精通FPGA设计方法及技巧 ◆精通无线电知识及System View设计方法,有基于Sy ...

  2. 转:MFC之COleVariant

    COleVariant 本质上是一个枚举,用同一种类型来表达不同的子类型.如同boost中的variant. 例子 COleVariant var(3.6f); float v = var.fltVa ...

  3. Mobie 有用的几个css js代码

    1. 防止页面缩放 <meta name="viewport" content="width=device-width, initial-scale=1, maxi ...

  4. 【Oracle】windows默认共享的打开和关闭?

    Windows启动时都会默认打开admin$ ipc$ 和每个盘符的共享,对于不必要的默认共享,一般都会把它取消掉,可当又需要打开此默认共享时,又该从哪里设置呢,一般来说有两个地方,MSDOS命令和计 ...

  5. 【转】ASCII码表在线查询

    原文网址:http://www.litefeel.com/tools/ascii.php ASCII码对照表 下表列出了字符集中的 0 - 127 (0x00 - 0x7F). 十进制 十六进制 字符 ...

  6. T-SQL中return 返回语句学习

    return命令用于结束当前程序的执行,返回到上一个调用它的程序或其他程序,其语法格式如下: return   整数值或变量 return语句要指定返回值,如果没有指定返回值,SQL Server系统 ...

  7. 关于JavaScriptSerializer使用的问题

    初学C#的同学们,你们有没有这样的问题:遇到不懂的问题,就到处搜索,好不容易搜索出来答案吧,却发现缺少引用,缺少引用就添加引用吧,结果在添加中找不到!是不是很恼火? 解决办法:查看项目的目标框架,如果 ...

  8. 【4】JAVA---地址App小软件(UpdatePanel.class)(表现层)

    修改地址信息的一个表现层类. 必须选中地址,才能修改,否则会弹出窗口提示, 修改地址界面: /* * UpdatePanel.java * */ package cn.hncu.addr.ui; im ...

  9. Visual Studio创建跨平台移动应用_03.AppBuilder Extension

    1 背景 本章节是关于Telerik AppBuilder for Visual Studio的. 目前(2014.12)为Telerik公司Telerik Platform的一部分,Telerik ...

  10. C++11 可变参数模板

    在C++11之前, 有两个典型的受制于模板功能不强而导致代码重复难看的问题, 那就 function object 和 tuple. 拿 function objects 来说, 需要一个返回类型参数 ...