JavaScript中的数组总结

Array 方法

arr.join()//转字符串

arr.reverse();//将数组逆转(原数组被修改)

arr.sort();//将数组排序(转为字符串再排序,原数组修改)

//sort按数值大小排序

arr.sort(function(a,b){

return a-b;

})升序

arr.concat();//合并数组(不改变原数组)

var arr = [1,2,3];

arr.concat([10,11],13)//[1,2,3,10,11,13]

arr.concat([[10,11],13])//[1,2,3,[10,11],13]

arr.slice();//返回数组的片段(对原数组不做修改)

var arr = [1,2,3,4,5];

arr.slice(1,4)//[2,3,4](前开后闭)

arr.slice(1)//[2,3,4,5]

arr.slice(1,-1)//[2,3,4]

arr.slice(-4,-3)//[2]

arr.splice();//数组拼接(修改原数组)

var arr = [1,2,3,4,5];

arr.splice(2)//return[3,4,5]

arr;//[1,2]

var arr = [1,2,3,4,5];

arr.splice(2,2)//return[3,4]

arr;//[1,2,5]

var arr = [1,2,3,4,5];

arr.splice(1,1,‘a‘,‘b‘)//return[2]

arr;//[1,‘a‘,‘b‘,3,4,5]

//以下为ES5(IE9+)

arr.forEach()//循环数组ES5(IE9+)

arr.map()//数组映射(原数组不做修改)

var arr = [1,2,3];

arr.map(function(x){

return x+10;

})//[10,12,13]

arr.filter();//数组过滤(原数组不做修改)

var arr = [1,2,3,4,5,6]

arr.filter(function(x,index){

return index%3 === 0||x >= 4

})[1,4,5,6]

arr.every();//数组判断

arr.some();//数组判断

arr.reduce();//两两对比(原数组不做修改)

arr.reduceRight();

arr = [3,9,6];

var max = arr.reduce(function(x,y){

console.log(x+"|"+y);

return x>y? x:y;

});//3|9  9|6 max;//9

arr.indexOf();//数组检索(返回数组位置,没有返回-1)

arr.lastIndexOf();

array元素增删

arr.push(3);//数组末尾添加元素

arr.push(3) == arr[arr.length] = 3

arr.unshift(3);//数组开头添加元素

delete arr[2];//等同于arr[2]==undefined

arr.pop();//返回数组末尾(改变数组)

arr.shift();//返回数组头部(改变数组)

时间: 2024-10-13 06:57:06

JavaScript中的数组总结的相关文章

JavaScript中的数组的学习

JavaScript中的数组的学习 数组的长度可变,数组的长度等于所有元素索引+1 同一个数组中的元素类型可以互不相同 访问数组元素时不会产生数组越界,访问未被赋值的数组元素时该元素的值为undefined. <!DOCTYPE html> <html> <head> <script type="text/javascript"> var a = [3,5,23]; var b=[]; var c = new Array(); b[0]

JavaScript中的数组详解

JavaScript中的数组 一.数组的定义 数组是值的有序集合,或者说数组都是数据的有序列表. 二.创建数组 [字面量形式] 1.空数组 var arr=[]; 2.带有元素的数组 var arr=[1,2,3,1,2]; 3.数组值可以是任意类型 var arr=[1,2.3,'foodoir',true,null,undefined,[1,2,3],{name:'foodoir',age:21}]; 注意: 1.数组字面量中的值不一定是常量,它们可以是任意表达式: 2.它可以包含对象字面量

javascript中的数组扩展(一)

 javascript中的数组扩展(一) 随着学习的深入,发现需要学习的关于数组的内容也越来越多,后面将会慢慢归纳,有的是对前面的强化,有些则是关于前面的补充. 一.数组的本质    数组是按照次序排列的一组值,本质上,数组是一种特殊的对象            console.log(typeof[1,2,3]);//object    数组是对象但是对象不是数组            var arr = ['a','b','c','d','e'];            console.lo

前端开发:Javascript中的数组,常用方法解析

前端开发:Javascript中的数组,常用方法解析 前言 Array是Javascript构成的一个重要的部分,它可以用来存储字符串.对象.函数.Number,它是非常强大的.因此深入了解Array是前端必修的功课.周五啦,博主的心又开始澎湃了,明儿个周末有木有,又可以愉快的玩耍了. 创建数组 创建数组的基本方式有两种,一种字面量,另一种使用构造函数创建: var arr = [1,2,3]; //字面量的形式创建数组 值与值之间用英文逗号隔开 var arr1 = new Array(1,2

JavaScript中的数组创建

JavaScript中的数组创建 数组是一个包含了对象或原始类型的有序集合.很难想象一个不使用数组的程序会是什么样. 以下是几种操作数组的方式: 初始化数组并设置初始值 通过索引访问数组元素 添加新元素 删除现有元素 本文涵盖了数组的初始化以及设置初始值的操作.在JavaScript中要做到这一点的基本方法是使用数组字面量,例如[1, 5, 8]或是数组构造器new Array (1, 5, 8). 除了手动枚举之外,JavaScript还提供了更有趣更直接的数组创建方式.让我一起看看在Java

JavaScript中对数组和数组API的认识

JavaScript中对数组和数组API的认识 一.数组概念: 数组是JavaScript中的一类特殊的对象,用一对中括号“[]”表示,用来在单个的变量中存储多个值.在数组中,每个值都有一个对应的不重复的索引值.自动匹配索引值的数组称为索引数组,自定义索引值的数组称为关联数组(又叫哈希数组).以下均研究索引数组. 二.创建数组: 使用数组之前首先都要先创建并赋值给一个变量,创建数组有两种不同的方法. 1.调用构造函数Array()创建数组,索引数组索引值都从0开始 eg:var arr=New

JavaScript中的数组与伪数组的区别

在JavaScript中,除了5种原始数据类型之外,其他所有的都是对象,包括函数(Function). 5种原始数据类型: number boolean string null undefined 在这个前提下,咱们再来讨论JavaScript的对象. 1.创建对象 var obj = {}; //种方式创建对象,被称之为对象直接量(Object Literal) var obj = new Object(); // 创建一个空对象,和{}一样 更多创建对象的知识,参见<JavaScript权威

JavaScript 中Array数组的几个内置函数

本文章内容均参考<JavaScript高级程序设计第三版> 今天在看JavaScript书籍的时候,看到之前没有了解过的JavaScript中Array的几个内置函数对象,为了之后再开发工作中能方便查询,故编写此随笔.直接贴代码, function arrayEffect(){ var numbers = [1,2,3,4,5,6,7,8,9,10]; //------------------------------------ 支持浏览器版本 IE9+,Firfox 2+ ,Safair 3

javascript中常用数组方法详细讲解

javascript中数组常用方法总结 1.join()方法: Array.join()方法将数组中所以元素都转化为字符串链接在一起,返回最后生成的字符串.也可以指定可选的字符串在生成的字符串中来分隔数组的各个元素.如果不指定分隔符,默认使用逗号.案例如下: var a=[1,2,3]; a.join();//=> "1,2,3" 因为没有指定分隔符,默认为逗号. a.join("+");//=> "1+2+3" 指定分隔符为+ a.

(一)javascript中的数组index属性——获取数组的索引值

例如:要做到这样的效果 点击每个选项时,会显示不同的div. 我们的做法:在javascript中,先把所有的div的display设置为none,然后在根据当前的数组里的索引值进行一个显示div的过程. 下面的例子就是: 首先,把妙味课堂.妙味茶馆.苗味视频选项的div设置为display:none: 然后,早在之前就以前设置好了数组的索引值 btn[i].index=i; 于是当所有div都设置为display:none后,再把点击的那个div的display设置为block就可以了 con