每天一篇javascript学习小结(Array数组)

前端之家收集整理的这篇文章主要介绍了每天一篇javascript学习小结(Array数组)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1、数组常用方法

2、数组map()方法

var mapResult = numbers.map(function(item,index,array){ //item 数组元素 index元素对应索引 array原数组 console.log(array === numbers);//true return item * 2; }); console.log(mapResult); //[2,6,8,10,2]

3、数组reduce()方法

函数,然后从左到右遍历item,直到reduce到一个值。 var sum = values.reduce(function(prev,cur,array){ console.log(array === values); console.log(index);//1,4 数组的索引从1开始 return prev + cur;//前后两个值相加 }); alert(sum);//15

4、数组concat()方法

方法用于连接两个或多个数组。 //该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。 //语法 //arrayObject.concat(arrayX,arrayX,......,arrayX) var colors = ["red","green","blue"]; var colors2 = colors.concat("yellow",["black","brown"]);
alert(colors);   //red,green,blue    
alert(colors2);  //red,yellow,black,brown

5、数组长度length

alert(colors.length);//3 alert(names.length);//1
alert(colors.length); //3 alert(names.length); //0 alert(values.length); //2 (FF,Safari,Opera) or 3 (IE) alert(options.length); //5 (FF,Opera) or 6 (IE)
alert(colors.length); //5 alert(colors[3]); //black alert(colors[4]); //brown

6、数组方法every和some

var everyResult = numbers.every(function(item,array){ return (item > 2); }); alert(everyResult); //false var someResult = numbers.some(function(item,array){ return (item > 2); }); alert(someResult); //true

7、数组filter()方法

var filterResult = numbers.filter(function(item,array){ return (item > 2); }); alert(filterResult); //[3,3]

8、数组indexOf和lastIndexOf

方法可返回某个指定的字符串值在字符串中首次出现的位置。 //语法 //stringObject.indexOf(searchvalue,fromindex) //searchvalue 必需。规定需检索的字符串值。 //fromindex 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数,则将从字符串的首字符开始检索。

/
lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置,在一个字符串中的指定位置从后向前搜索
语法
stringObject.lastIndexOf(searchvalue,fromindex)
searchvalue 必需。规定需检索的字符串值。
fromindex 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数,则将从字符串的最后一个字符处开始检索。
/
var numbers = [1,1];

alert(numbers.indexOf(4));    //3
alert(numbers.lastIndexOf(4));  //5

alert(numbers.indexOf(4,4));   //5
alert(numbers.lastIndexOf(4,4)); //3    

var person = { name: "Nicholas" };
var people = [{ name: "Nicholas" }];
var morePeople = [person];

alert(people.indexOf(person));   //-1
alert(morePeople.indexOf(person)); //0

9、数组toLocaleString和toString

var person2 = { toLocaleString : function () { return "Grigorios"; },toString : function() { return "Greg"; } }; var people = [person1,person2]; alert(people); //Nicholas,Greg alert(people.toString()); //Nicholas,Greg alert(people.toLocaleString()); //Nikolaos,Grigorios</pre>

10、数组push和pop方法

count = colors.push("black"); //push another item on alert(count); //3 var item = colors.pop(); //get the last item alert(item); //"black" alert(colors.length); //2

11、数组方法unshift和shift

方法可向数组的开头添加一个或更多元素,并返回新的长度。 //shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。 var colors = new Array(); //create an array var count = colors.unshift("red","green"); //push two items alert(count); //2
count = colors.unshift("black");        //push another item on
alert(count); //3

var item = colors.pop();           //get the first item
alert(item);  //"green"
alert(colors.length); //2

12、数组倒序方法reverse

13、数组排序方法sort

value2) { return 1; } else { return 0; } }
var values = [0,1,16,15];
values.sort(compare);
alert(values);  //0,15,16
//sort 改变原数组

14、数组方法slice

方法可从已有的数组中返回选定的元素。 语法 arrayObject.slice(start,end) start 必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。 end 可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。 返回值 返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。 */ var colors = ["red","yellow","purple"]; var colors2 = colors.slice(1); var colors3 = colors.slice(1,4);
alert(colors2);  //green,purple
alert(colors3);  //green,yellow

15、数组方法splice

方法向/从数组中添加/删除项目,然后返回被删除的项目。 注释:该方法会改变原始数组。 语法 arrayObject.splice(index,howmany,item1,.....,itemX) index 必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。 howmany 必需。要删除的项目数量。如果设置为 0,则不会删除项目。 item1,...,itemX 可选。向数组添加的新项目。 */ var colors = ["red","blue"]; var removed = colors.splice(0,1); //remove the first item alert(colors); //green,blue alert(removed); //red - one item array
removed = colors.splice(1,"orange"); //insert two items at position 1
alert(colors);   //green,orange,blue
alert(removed);  //empty array

removed = colors.splice(1,"red","purple");  //insert two values,remove one
alert(colors);   //green,red,purple,blue
alert(removed);  //yellow - one item array

16、数组isArray()方法

以上就是今天的javascript学习小结,之后每天还会继续更新,希望大家继续关注。

原文链接:https://www.f2er.com/js/51763.html

猜你在找的JavaScript相关文章