js 引用类型之Array类型

//1.concat() 方法  不会改变原数组,会复制一个原数组的副本进行拼接
var arr = [‘red‘, ‘zhansan‘, ‘xin‘];
var arr2 = arr.concat(‘2‘, [‘3‘, ‘9‘]);
console.log(arr); //[ ‘red‘, ‘zhansan‘, ‘xin‘ ]
console.log(arr2); //[ ‘red‘, ‘zhansan‘, ‘xin‘, ‘2‘, ‘3‘, ‘9‘ ]

//2.slice() 方法  不会改变原数组,含有两个参数时,截取的结果含头不含尾,只有一个参数时,截取的是从该参数指定位置到当前数组末尾的所有项
var arr3 = [‘sasd‘, ‘2‘, ‘zan‘, ‘xin‘];
var arr4 = arr3.slice(1);
var arr5 = arr3.slice(1, 3);
console.log(arr4); //[ ‘2‘, ‘zan‘, ‘xin‘ ]
console.log(arr5); //[ ‘2‘, ‘zan‘ ]

//3.splice() 方法 主要用途向数组中部插入数据
var arr6=[1,2,3,4,5]
//删除
var arr7=arr6.splice(0,2)// 删除数组前两项
console.log(arr7)//[ 1, 2 ]
console.log(arr6)//[ 3, 4, 5 ] 原数组arr6 被改变

//插入
//splice(起始位置,要删除的项数,要插入的项,要插入的项,...)
var arr8=[2,3,4,6]
var arr9=arr8.splice(2,0,"red",‘oo‘)//会删除当前数组位置2的项目,然后在从位置2开始插入字符串red和oo
console.log(arr9)//空数组
console.log(arr8)//[ 2, 3, ‘red‘, ‘oo‘, 4, 6 ]  改变原数组

//替换
//splice(起始位置,要删除的项数,要插入的项,要插入的项,...)插入的项不必和删除的项相等
var arr10=[1,2,‘22‘,‘asd‘];
var arr11=arr10.splice(1,2,"你好",‘hai‘);
console.log(arr11)//[ 2, ‘22‘ ]
console.log(arr10)//[ 1, ‘你好‘, ‘hai‘, ‘asd‘ ]

//4.位置方法  indexOf() lastIndexOf() 没找的情况下都返回-1,在比较第一个参数与数组的每一项时,必须使用全等 ===

var numbers=[1,2,3,4,5,6,4,7,8];
console.log(numbers.indexOf(4))//位置为 3
console.log(numbers.lastIndexOf(4))//位置为 6

//5.迭代方法

var num=[1,2,3,4,6,4,3,2,1];
var result=num.filter(function (item,index,arr){
    return (item >2) //数组中值大于2的值 组成新的数组
})
console.log(result)//[ 3, 4, 6, 4, 3 ]

var result1=num.map(function (item,index,arr){
    return (item*2) //数组值全部*2 生成新数组
})
console.log(result1)//[ 2, 4, 6, 8, 12, 8, 6, 4, 2 ]

var result2=num.forEach(function (item,index,arr){
    console.log("item"+item+"-index"+index+"-arr:"+arr)//历遍数组 和for循环类似
//item1-index0-arr:1,2,3,4,6,4,3,2,1
//item2-index1-arr:1,2,3,4,6,4,3,2,1
//item3-index2-arr:1,2,3,4,6,4,3,2,1
//item4-index3-arr:1,2,3,4,6,4,3,2,1
//item6-index4-arr:1,2,3,4,6,4,3,2,1
//item4-index5-arr:1,2,3,4,6,4,3,2,1
//item3-index6-arr:1,2,3,4,6,4,3,2,1
//item2-index7-arr:1,2,3,4,6,4,3,2,1
//item1-index8-arr:1,2,3,4,6,4,3,2,1
})

//6.归并方法 reduce() reduceRight() 的函数接受4个参数,前一个值,当前值,项的索引和数组对象
var val=[1,2,3,4,5,6,7,8,9,10];
var sum=val.reduce(function(prev,cur,index,arr){
    return prev+cur;
})

console.log(sum)//55
时间: 2024-11-15 04:14:06

js 引用类型之Array类型的相关文章

浅谈JS引用类型之Array类型

最近看了一下红皮书,就整理一下,提炼一下里面的知识点! 创建方式 先从数组的创建方式说起,有两种创建方式 一种是:var arr = new Array (); 可以给构造函数传参数,如果只传一个参数,并且这个参数是数值,那么就创建该数值大小的数组,其他情况就是创建包含这些参数的数组 另一种是:var arr = []; 数组的每一项都是可以保存任何类型的数据的,var arr = [1,"hello",true,{a:1}];但是不推荐保存不同类型的值 length属性 1.它的值永

js引用类型之Array类型

第一种是使用Array()构造函数,如下所示: var array=new Array(); 第二种是使用数组字面量表示法.由一组包含数组项的方括号表示,多个数组之间以逗号隔开.如下所示: var array =["red","blue","black"]; 在数组中length属性不只是可读的,通过设置这个属性,可以在数组末尾添加或者删除数据 var bb = ["zd","zk","zl&qu

【js实例】Array类型的9个数组方法,Date类型的41个日期方法,Function类型

前文提要:[js实例]js中的5种基本数据类型和9种操作符 Array类型的9个数组方法 Array中有9个数组方法: 1.检测数组 2.转换方法 3.栈方法 4.队列方法 5.冲排序方法6.操作方法 7.位置方法 8.迭代方法 9.归并方法 在实例中介绍,实例如下 /* Array类型 js数组中的每一项可以用来保存任何类型的数据:js数组的大小是可以动态调整的 */ var colors = ["red", "blue", "green"];

JS 引用类型和值类型

自己的看高程3第五章应用类型的时候,有些迷糊,所以上网搜到这篇文章 转自求小天的博客园,地址:http://www.cnblogs.com/lxq1990/archive/2012/11/04/2754226.html 这个比喻很形象,帮助理解. js 值类型和引用类型 JavaScript值类型和引用类型有哪些 (1)值类型:数值.布尔值.null.undefined. (2)引用类型:对象.数组.函数. 如何理解值类型和引用类型及举例 我们可以用“连锁店”和“连锁店钥匙”来理解,不知道以下比

引用类型之Array类型

Array类型 ECMAScript数组与其它语言数组一样,都是数据的有序列表.但是ECMAScript数组的每一项可以保存任何类型的数据.而且,ECMAScript数组是可以动态调整的. 1.创建和修改数组 ·创建数组 1 var colors=new Array(20); //创建长度位20的数组 2 var colors=Array(20); //可以省略new操作符 3 var colors=Array("red","blue","green&qu

js——引用类型和基本类型

js中的数据类型有以下几种: Number   Boolean   undefined     Object   Function    String  Null 基本类型:Number Boolean  String  undefined null 引用类型:Object  Function 基本类型的数据是存放在栈内存中的,而引用类型的数据是存放在堆内存中的 复制变量值 基本类型: var p = 1; var p1 = p; 执行结果: 也就是说,基本类型的复制就是在栈内存中开辟出了一个新

JS:引用类型,基本类型

引用类型对象的值是一个指针, 引用类型对象的值指向某个对象,对象的值指向对象,对象的值指向的对象有可定义可使用的方法和属性 基本类型对象的值是一个具体的值

【引用类型】Array 类型

ECMAScript 数组可以保存任何类型的数据.数组最多包含 4294967295 个值 创建数组 1. 使用 Array 构造函数 1 <script> 2 //创建数组 arr1 3 var arr1 = new Array(); 4 //创建数组 arr2 , 数组length属性值为20 5 var arr2 = new Array(20); 6 //创建数组 arr3, 数组包含 3 个字符串值 7 var arr3 = new Array("red",&quo

js 引用类型之object类型

创建object实例的方式有两种: 1.使用new 操作符后跟object构造函数: 如:var person = new object(); person.name="zhansan"; person.age=18; 2.使用对象字面量表示法:(比较常用,看着有封装的感觉,哈哈!其实字面量方式也是向函数传递大量可选参数的首选方式) 如:var person={ name:"zhansan", age:18 } ---------------------------