JS笔记:Array方法整理

一、增加

1.push()

语法:arrayObject.push(newele1,newele2,…,neweleX);

功能:将push中的参数添加到arrayObject的尾部

返回值:把指定的值添加到数组后的新长度

例:

var arr = [8,7,5,2,8,4,3];

var arrLen = arr.push("u","r","g");

console.log(arrLen); //10

console.log(arr); //[8, 7, 5, 2, 8, 4, 3, "u", "r", "g"]

2.unshift()

语法:arrayObject.unshift(newele1,newele2,…,neweleX);

功能:将unshift中的参数添加到arrayObject的尾部

返回值:把指定的值添加到数组后的新长度

例:

var arr = [8,7,5,2,8,4,3];

var arrLen = arr.unshift("u","r","g");

console.log(arrLen); //10

console.log(arr); //["u", "r", "g", 8, 7, 5, 2, 8, 4, 3]

二、删除

1.pop()

语法:arrayObject.pop()

功能:删除arrayObject的最后一个元素

返回值:被删除的元素

例:

var arr = [8,7,5,2,8,4,3];

var arrEle = arr.pop();

console.log(arrEle); //3

console.log(arr); //[8, 7, 5, 2, 8, 4]

2.shift()

语法:arrayObject.shift()

功能:删除arrayObject的第一个元素

返回值:被删除的元素

例:

var arr = [8,7,5,2,8,4,3];

var arrEle = arr.shift();

console.log(arrEle); //8

console.log(arr); //[7, 5, 2, 8, 4, 3]

三、分隔数组

1.join()

语法:arrayObject.join(separator)

功能:用separator(分离器)分隔数组,并放入一个字符串

返回值:字符串

例:

var arr = [8,7,5,2,8,4,3];

var newStr = arr.join("—");

console.log(newStr); //8—7—5—2—8—4—3

console.log(arr); //[8, 7, 5, 2, 8, 4, 3]

四、翻转数组

1.reserve()

语法:arrayObject.reserve()

功能:颠倒数组中元素的顺序

返回值:数组

例:

var arr = [8,7,5,2,8,4,3];

var newArr = arr.reverse();

console.log(newArr); //[3, 4, 8, 2, 5, 7, 8]

console.log(arr); //[3, 4, 8, 2, 5, 7, 8]

五、数组排序

1.sort()

语法:arrayObject.sort()

功能:对数组的元素进行排序,及时数组中的每一项都是数值,sort()方法比较的也是字符串;但是sort()可以接收一个比较函数作为参数

升序——arr.sort(function(a,b){return a-b})

降序——arr.sort(function(a,b){return b-a})

返回值:数组

var arr = [8,7,5,2,8,4,3];

var newArr = arr.sort(function(a,b){return b-a});

console.log(newArr); //[8, 8, 7, 5, 4, 3, 2]

console.log(arr); //[8, 8, 7, 5, 4, 3, 2]

六、连接数组

1.concat()

语法:arrayObject.concat(array1,array2……)

功能:连接两个或多个数组

返回值:新数组

var arr = [8,7,5,2,8,4,3];

var myArr = ["y","e","w","t"];

var newArr = arr.concat(myArr);

console.log(newArr); //[8, 7, 5, 2, 8, 4, 3, "y", "e", "w", "t"]

console.log(myArr); //["y", "e", "w", "t"]

console.log(arr); //[8, 7, 5, 2, 8, 4, 3]

七、截取数组

1.slice()

语法:arrayObject.slice(start,end)

功能:从数组中截取选定元素

返回值:截取的新数组

参数:

start(必需):规定从何处开始选取,为负则从尾部开始

end(可选):规定从何处结束选取,是数组截取结束处的数组下标;若未指定end,从start至数组结束

var arr = [8,7,5,2,8,4,3];

var newArr1 = arr.slice(1, 3);

var newArr2 = arr.slice(-3,-1);

console.log(newArr1); //[7, 5]

console.log(newArr2); //[8, 4]

console.log(arr); //[8, 7, 5, 2, 8, 4, 3]

八、查找数组

1.indexOf()

语法:arrayObject.indexOf(searchValue,startIndex)

功能:从数组的开头(下标0)开始向后查找,判断方式——全等

返回值:number,查找的项在数组中的位置(索引值),未找到的返回-1

参数:

searchValue(必需):要查找的元素

startIndex(可选):起点位置的索引,不选默认为0

例:

var arr = [8,7,5,2,8,4,3];

var newIndex1 = arr.indexOf(8);

var newIndex2 = arr.indexOf(8,2);

var newIndex3 = arr.indexOf(9);

console.log(newIndex1); //0

console.log(newIndex2); //4

console.log(newIndex3); //-1

2.lastIndexOf()

语法:arrayObject.lastIndexOf(searchValue,startIndex)

功能:从数组的末尾开始向前查找,判断方式——全等

返回值:number,查找的项在数组中的位置(索引值),未找到的返回-1

参数:

searchValue(必需):要查找的元素

startIndex(可选):起点位置的索引,不选默认为数组最后一位

var arr = [8,7,5,2,8,4,3];

var newIndex1 = arr.lastIndexOf(8);

var newIndex2 = arr.lastIndexOf(8,2);

var newIndex3 = arr.lastIndexOf(9);

console.log(newIndex1); //4

console.log(newIndex2); //0

console.log(newIndex3); //-1

九、删除、插入——splice

1.splice() —— 删除指定位置的指定元素

语法:arrayObject.splice(index,count)

功能:删除从index处开始的0个或多个元素

返回值:数组,从原数组中删除的元素

参数:

index:起始位置的下标

count:要删除的元素数量,不设置,从index开始的所有

var arr = [8,7,5,2,8,4,3];

var newArr = arr.splice(1,3);

console.log(newArr); // [7,5,2]

console.log(arr); // [8, 8, 4, 3]

2.splice() —— 在指定位置的插入元素

语法:arrayObject.splice(index,count,item1,item2…)

功能:在指定位置插入一个或多个元素

返回值:数组,从原数组中删除的元素

参数:

index:起始位置的下标

count:要删除的元素数量,设为0,不删除元素

item:要插入的元素,插在index前

var arr = [8,7,5,2,8,4,3];

var newArr = arr.splice(1,0,"item1","item2");

console.log(newArr); // []

console.log(arr); // [8, "item1", "item2", 7, 5, 2, 8, 4, 3]

3.splice() —— 同时插入和删除

语法:arrayObject.splice(index,count,item1,item2…)

功能:在指定位置插入一个或多个元素

返回值:数组

参数:

index:起始位置的下标

count:要删除的元素数量

item:要插入的元素,插在index前

返回值:数组,从原数组中删除的元素

var arr = [8,7,5,2,8,4,3];

var newArr = arr.splice(1,2,"item1","item2");

console.log(newArr); // [7,5]

console.log(arr); // [8, "item1", "item2", 2, 8, 4, 3]

时间: 2024-08-29 20:07:55

JS笔记:Array方法整理的相关文章

Javascript Array 方法整理

Javascript Array 方法整理 Javascript 数组相关方法 说明 大多数其它编程语言不允许改变数组大小,越界访问索引会报错,但是 javascript不会报错,不过不建议直接修改array大小,访问索引时确保不要越界. indexOf 搜索一个指定的元素的位置. slice slice() 就是对应 String 的 substing() 版本,它截取 array 的部分元素,然后返回一个新的 array. push & pop 向数组末尾添加或删除. unshift &

js跳转方法整理与自动刷新

js方式的页面跳转1.window.location.href方式 <script language="JavaScript" type="text/javascript"> window.location.href="target.aspx"; </script> 2.window.navigate方式跳转 <script language="javascript"> window.nav

js的数组方法整理

slice 从已有的数组中返回选定的元素.该方法不会修改数组,而是返回一个子数组. 语法:arr.slice(start,end) start: 必须,规定从何处开始选取.如果是负数,就是从尾部开始算起的位置(-1指最后一个元素,-2指倒数第二个元素): end:   可选,规定从何处结束选取.如果没有指定,则切分的数组包含从start到数组结束的所有元素. 示例: 1 var arr = [0, 4, 5, 4, 7, 6, 9]; 2 arr.slice(2, 4); //[5,4] 3 a

常用js方法整理common.js

项目中常用js方法整理成了common.js var h = {}; h.get = function (url, data, ok, error) { $.ajax({ url: url, data: data, dataType: 'json', success: ok, error: error }); } h.post = function (url, data, ok, error) { $.ajax({ url: url, data: data, type: 'post', data

js学习笔记——数组方法

join() 把数组中所有元素转化为字符串并连接起来,并返回该字符串, var arr=[1,2,3]; var str=arr.join("#"); //str="1#2#3"; 如果没有指定分隔符,则默认为逗号 var str2=arr.join(); //str2="1,2,3"; reverse() 在原数组上把元素的顺序颠倒过来,并返回该数组 var arr=[1,2,3]; arr.reverse(); //arr=[3,2,1];

JavaScript实现判断图片是否加载完成的3种方法整理

JavaScript实现判断图片是否加载完成的3种方法整理 有时候我们在前端开发工作中为了获取图片的信息,需要在图片加载完成后才可以正确的获取到图片的大小尺寸,并且执行相应的回调函数使图片产生某种显示效果.本文主要整理了几种常见的javascipt判断图片加载完成时的方法,并通过代码与实际应用相结合进行解释与说明. onload方法 通过向img标签添加onload属性,并填入相应的函数来执行后续的javascipt代码.如下代码例子中img元素默认是不显示的,通过onload判断加载完成后再将

纯js页面跳转整理

js方式的页面跳转1.window.location.href方式    <script language="javascript" type="text/javascript">           window.location.href="http://updn.cn";     </script>2.window.navigate方式跳转   <script language="javascript

CSS和Js笔记

什么是css,为什么使用css. CSS 是 Cascading Style Sheet 的缩写.译作「层叠样式表单」. 是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言. html只能做基本的页面显示,而我们想要让页面美化,必须通过css对页面进行修饰. 示例:在页面上显示一句话. 传智播客. 怎样使用css 1.html与css的结合. 1.所有的html标签都具有一个style属性.这个属性就是用来定义css <span style="font-size:10

JS中Array数组的三大属性用法

Array数组主要有3大属性,它们分别是length属性.prototype属性和constructor属性. JS操作Array数组的方法及属性 本文总结了Array数组的3个属性,length属性.prototype属性.constructor属性使用,并附注Array数组对象的8个分类及多个方法使用,具体如下: 对象的3个属性 1.length属性 length属性 Length属性表示数组的长度,即其中元素的个数.因为数组的索引总是由0开始,所以一个数组的上下限分别是:0和length-