JS中关于数组的操作

1、如何创建数组：

var arr = [];  //效率更高

var arr1 = new Array();

var arr2 = new Array(5);  //数组的长度为5，当参数为一个时，将会认为指定的是数组的长度

var arr3 = new Array("Saab","Volvo","BMW");

//数组里可以存储字符串、数字、数组、对象等

2、字符串关于数组的方法：

2.1、把字符串分割成数组（split）

stringObject.split(separator, len)    //separator：必需，字符串或正则表达式    len：可选，该参数可指定返回的数组的最大长度

该方法根据第一个参数指定的字符而将字符串分割开，第二个参数是返回的数组长度。该方法不会改变原有字符串。

var str="How are you doing today?";

var arr=str.split(" ");  //How,are,you,doing,today?

split() 方法用于把一个字符串分割成字符串数组。

3、数组本身的方法

参考：http://www.runoob.com/jsref/jsref-obj-array.html

3.1、判断是否为数组（isArray）

isArray() 方法用于判断一个对象是否为数组。

如果对象是数组返回 true，否则返回 false。

function myFunction() {

    var fruits = ["Banana", "Orange", "Apple", "Mango"];

    var x = document.getElementById("demo");

    x.innerHTML = Array.isArray(fruits);

}

3.2、查找元素（indexOf）

indexOf() 方法可返回数组中某个指定的元素位置，开始位置的索引为 0 ，如果在数组中没找到指定元素则返回 -1。

var fruits = ["Banana", "Orange", "Apple", "Mango"];

var a = fruits.indexOf("Apple"); //output 2

3.3、将数组转换成字符串（join、toString）

join方法可以指定分隔符，toString方法无法指定分隔符

arrayObject.join(separator)    //separator：可选，指定字符串所使用的分隔符，默认是逗号

var names = ["David", "Cynthia", "Raymond", "Clayton", "Mike", "Jennifer"];

var namestr = names.join();

print(namestr); // David,Cynthia,Raymond,Clayton,Mike,Jennifer

namestr = names.toString();

print(namestr); // David,Cynthia,Raymond,Clayton,Mike,Jennifer

//事实上，当直接对一个数组使用 print() 函数时，系统会自动调用那个数组的 toString() 方法
//print(names); // David,Cynthia,Raymond,Clayton,Mike,Jennifer

3.4、合并数组（concat）

concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。

var hege = ["Cecilie", "Lone"];

var stale = ["Emil", "Tobias", "Linus"];

var kai = ["Robin"];

var children = hege.concat(stale,kai);//Cecilie,Lone,Emil,Tobias,Linus,Robin

3.5、分割数组（slice）

slice() 方法返回一个新的数组，包含从 start 到 end （不包括该元素）的元素，该方法不会改变原始数组。

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];

var citrus = fruits.slice(1,3); //Orange,Lemon

3.6、删除添加元素（splice）

var fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits.splice(2,0,"Lemon","Kiwi");  //Banana,Orange,Lemon,Kiwi,Apple,Mango

array.splice(index,howMany,item1,.....,itemX)

//index  必需。规定从何处添加/删除元素

//howMany   必需。规定应该删除多少元素

//item1, ..., itemX       可选。要添加到数组的新元素

splice() 方法返回的是只包含被删除的元素的新数组，而且会改变原始数组

注意：这种方法会改变原始数组。

3.7、删除添加一个元素（pop、push、shift、unshift）

pop() 方法用于删除数组的最后一个元素并返回被删除的元素。

var fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits.pop();  //fruits: Banana,Orange,Apple

push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。

var fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits.push("Kiwi")  //fruits:  Banana,Orange,Apple,Mango,Kiwi

shift() 方法用于把数组的第一个元素从其中删除，并返回被删除的第一个元素的值。

var fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits.shift()  //fruits:  Orange,Apple,Mango

unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。

var fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits.unshift("Lemon","Pineapple");  //fruits:  Lemon,Pineapple,Banana,Orange,Apple,Mango

3.8、数组排序（reverse、sort）

reverse() 方法用于颠倒数组中元素的顺序，返回值是颠倒顺序后的数组

var fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits.reverse();  //Mango,Apple,Orange,Banana

sort()方法用于排序：如果元素是字符串类型，那么数组的排序方法 sort() 就非常好使；但是如果数组元素是数字类型，sort() 方法的排序结果就不能让人满意了：

var names = ["David","Mike","Cynthia","Clayton","Bryan","Raymond"];

names.sort();

print(names); // Bryan,Clayton,Cynthia,David,Mike,Raymond

sort() 方法是按照字典顺序对元素进行排序的，因此它假定元素都是字符串类型，即使元素是数字类型，也被认为是字符串类型。

var nums = [3,1,2,100,4,200];

nums.sort();

print(nums); // 1,100,2,200,3,4

为了让 sort() 方法也能排序数字类型的元素，可以在调用方法时传入一个大小比较函数，排序时，sort() 方法将会根据该函数比较数组中两个元素的大小，从而决定整个数组的顺序。

function compare(num1, num2) {

　　return num1 - num2;

}

var nums = [3,1,2,100,4,200];

nums.sort(compare);

print(nums); // 1,2,3,4,100,200

此时sort() 函数使用了 compare() 函数对数组按照数字大小进行排序，而不是按照字典顺序

3.9、数组迭代器方法（forEach、every、some、reduce、reduceRight、map、filter）

（1）、不生成新数组的迭代器方法（forEach、every、some、reduce、reduceRight）：

forEach()方法接受一个函数作为参数，对数组中的每个元素使用该函数。

function square(num) {

　　print(num, num * num);

}

var nums = [1,2,3,4,5,6,7,8,9,10];

nums.forEach(square);  
//output:  1 1   2 4   3 9   4 16   5 25   6 36   7 49    8 64    9 81    10 100

every()方法接受一个返回值为布尔类型的函数，对数组中的每个元素使用该函数。

如果数组中检测到有一个元素不满足，则整个表达式返回 false ，且剩余的元素不会再进行检测；

如果所有元素都满足条件，则返回 true。

function isEven(num) {

　　return num % 2 == 0;

}

var nums = [2,4,6,8,10];

var even = nums.every(isEven);//true

some() 方法也接受一个返回值为布尔类型的函数，只要有一个元素使得该函数返回 true，该方法就返回 true。

function isEven(num) {

　　return num % 2 == 0;

}

var nums = [1,2,3,4,5,6,7,8,9,10];

var someEven = nums.some(isEven);  //true

reduce() 方法接受一个函数，返回一个值。该方法会从一个累加值开始，不断对累加值和数组中的后续元素调用该函数，直到数组中的最后一个元素，最后返回得到的累加值。

function add(runningTotal, currentValue) {

　　return runningTotal + currentValue;

}

var nums = [1,2,3,4,5,6,7,8,9,10];

var sum = nums.reduce(add);

print(sum); // 显示 55

reduceRight() 方法，和 reduce() 方法不同，它是从右到左执行

function concat(accumulatedString, item) {

　　return accumulatedString + item;

}

var words = ["the ", "quick ","brown ", "fox "];

var sentence = words.reduceRight(concat);

print(sentence); // 显示 "fox brown quick the"

（2）、生成新数组的迭代器方法（map、filter）：

map() 对数组中的每个元素使用某个函数，返回一个新的数组，该数组的元素是对原有元素应用这个函数得到的结果。map 方法不改变原数组。

array.map(function(currentValue,index,arr){}, thisValue)

function curve(grade) {

　　return grade += 5;

}

var grades = [77, 65, 81, 92, 83];

var newgrades = grades.map(curve);

print(newgrades); // 82, 70, 86, 97, 88

filter() 方法检测数组元素，并返回一个符合条件的所有元素的新数组。该方法的参数即回调函数的返回值是布尔值。

function isEven(num) {

    return num % 2 == 0;

}

var nums = [];

for (var i = 0; i < 20; ++i) {

　　nums[i] = i+1;

}

var evens = nums.filter(isEven);

print(evens);  //2,4,6,8,10,12,14,16,18,20

4、数组中的其他方法

4.1、arr.find() 查找某个符合条件的元素

arr.find() 方法用于从数组中找到符合条件的第一个数组元素值，若找到则返回满足条件的第一个元素，否则返回 undefined。

该方法有两个参数，第一个参数是一个回调函数，第二个参数指定回调函数的 this 指针，第二个参数是可选的。

let arr = [{name: 'aaa',age: 12},{name: 'bbb',age: 22} ]

let obj = arr.find((item) => {

    return item.name == 'bbb'

})

console.log(obj);   //输出  {name: "bbb", age: 22}

巴特西

JS中关于数组的操作

1、如何创建数组：

2、字符串关于数组的方法：

2.1、把字符串分割成数组（split）

3、数组本身的方法

3.1、判断是否为数组（isArray）

3.2、查找元素（indexOf）

3.3、将数组转换成字符串（join、toString）

3.4、合并数组（concat）

3.5、分割数组（slice）

3.6、删除添加元素（splice）

3.7、删除添加一个元素（pop、push、shift、unshift）

3.8、数组排序（reverse、sort）

3.9、数组迭代器方法（forEach、every、some、reduce、reduceRight、map、filter）

（1）、不生成新数组的迭代器方法（forEach、every、some、reduce、reduceRight）：

（2）、生成新数组的迭代器方法（map、filter）：

4、数组中的其他方法

4.1、arr.find() 查找某个符合条件的元素

最新文章

热门文章

巴特西

JS中关于数组的操作

1、如何创建数组：

2、字符串关于数组的方法：

2.1、把字符串分割成数组（split）

3、数组本身的方法

3.1、判断是否为数组（isArray）

3.2、查找元素（indexOf）

3.3、将数组转换成字符串（join、toString）

3.4、合并数组（concat）

3.5、分割数组（slice）

3.6、删除添加元素（splice）

3.7、删除添加一个元素（pop、push、shift、unshift）

3.8、数组排序 （reverse、sort）

3.9、数组迭代器方法（forEach、every、some、reduce、reduceRight、map、filter）

（1）、不生成新数组的迭代器方法（forEach、every、some、reduce、reduceRight）：

（2）、生成新数组的迭代器方法（map、filter）：

4、数组中的其他方法

4.1、arr.find() 查找某个符合条件的元素

最新文章

热门文章

3.8、数组排序（reverse、sort）