javascript中Array常用方法,以及String的常用方法处理

一、基本概念

1、什么是数组

数组就是一组数据的集合

其表现形式就是内存中的一段连续的内存地址

数组名称其实就是连续内存地址的首地址

2、关于js中的数组特点

数组定义时无需指定数据类型

数组定义时可以无需指定数组长度

数组可以存储任何数据类型的数据（比如说一个元素保存整型，一个元素保存字符串型，这个在JS中是可以的）

创建数组的语法：

var arr=[值1,值2,值3];                     //隐式创建

var arr=new Array(值1,值2,值3);      //直接实例化

var array=new Array(size);           //创建数组并指定长度

3、关于数组长度

数组对象.length

在js中，每一个数组对象都可以调用length属性，它表示数组对象下共有几个数组元素

示例：

1 var row = ['zhangsan','lisi','wangwu'];
2 doucument.write('共有'+row.length+'个人<br>');
3 
4 var length = row.length;//对数组进行遍历
5 for (var i=0;i<length;i++){
6 doucument.write(row[i]+'<br>');
7 }    

 

4、for...in语句

在js中，数组不是数据类型，数组的数据类型其实就是对象

Js中的For.....in语句可以实现对一个对象的所有属性的遍历

也可以使用for...in语句实现对一个数组的所有元素的遍历

语法：

for( var i in array ){

}

原理：数组中有几个元素，for..in语句就循环执行多少次

每次执行时，将当前数组元素的下标存放到变量i中

1 var row = ['zhangsan','lisi','wangwu','xiaoqiang'];
2 
3 for (var i in row){
4     document.write(i + ':' + row[i] + '<br>');
5 }    

 

结果：

　　0:zhangsan
　　1:lisi
　　2:wangwu
　　3:xiaoqiang

 

5、文本下标

格式:

arr['key'] = value;

在js中，文本下标的数组元素，不计入数组长度

以文本下标形式添加到数组，实际是以属性形式添加到数组对象中的

1 var arr = [1,2,3];
2 arr['first'] = 'zhangsan';
3 arr['second'] = 'lisi';
4 
5 document.write(arr.length + '<br>');
6 document.write(arr.first + '<br>');
7 document.write(arr.second + '<br>');

结果：

　　3
　　zhangsan
　　lisi

遍历带有文本下标的数组：

1 var arr = [1,2,3];
2 arr['first'] = 'zhangsan';
3 arr['second'] = 'lisi';
4 
5 for(var i in arr){
6     document.write(i + ':' + arr[i] + '<br>');
7 }

结果：

　　0:1
　　1:2
　　2:3
　　first:zhangsan
　　second:lisi

 

6、多维数组　　　　

 1 var arr = [
 2         [10,'zhangsan','male'],
 3         [11,'lisi','female'],
 4         [12,'wangwu','male']
 5     ];
 6 for (var i in arr){
 7     for(var j in arr[i]){
 8         document.write(arr[i][j]);
 9     }
10     document.write('<br>');
11 }

 

二、常用方法

（一）会改变原数组

 1.移除数组末尾最后一项.pop()，返回删除的元素

 如果你在一个空数组上调用 pop()，它返回  undefined

2.在数组末尾添加一个或多个元素.push()，返回修改后数组长度

3.移除数组第一项.shift()，返回移除的元素

4.在数组头部添加一个或多个元素.unshift()，返回修改后数组长度

5.对数组元素排序.sort()，返回排序后的数组

6.颠倒数组元素.reverse()，返回颠倒后的数组

7.删除或插入元素.splice()，返回数组删除的项，没有删除的项，返回空数组

（二）不会改变原数组

1.合并两个或多个数组.concat()，返回新数组

2.将数组所有元素连接成一个字符串.join()，返回连接后的字符串

3.截取数组元素到新数组中.slice()，返回新数组

4.获取查询元素第一次出现的索引.indexOf()，找不到查询元素，则返回-1

5.获取查询元素最后一次出现的索引.lastIndexOf()，找不到查询元素，则返回-1

6.toString()返回有数组每个元素的字符串形式拼接而成的以逗号分隔的字符串

7.toLocaleString()返回一个字符串表示数组中的元素

(三) 迭代方法

每个方法接受含有三个参数的函数，三个参数为：数组中的项，元素索引，数组本身
            1.every()，数组所有元素都满足要求则返回true，否则返回false
            2.some()，只要有满足要求的就返回true
            3.filter()，返回过滤后的结果数组
            4.map()，返回在函数中处理过的数组
            5.forEach()，遍历整个数组

var number = [1,2,3,4,5,6,7,8];
        var res = number.every(function(item, index, array) {
            return (item > 2);
        })
        console.log(res);   //false
 
        var res = number.some(function(item, index, array) {
            return (item > 2);
        })
        console.log(res);   //true
 
        var res = number.filter(function(item, index, array) {
            return (item > 2);
        })
        console.log(res);   //[3, 4, 5, 6, 7, 8]
 
        var res = number.map(function(item, index, array) {
            return (item * 2);
        })
        console.log(res);   //[2, 4, 6, 8, 10, 12, 14, 16]
 
        var res = number.forEach(function(item, index, array) {
            //执行某些操作
        })

(四) 归并方法

 迭代数组所有项，构建最终返回值，每个方法接受两个参数：调用的函数和作为归并基础的初始值。函数接受4个参数：前一个值，当前值，项索引，数组本身。函数返回的值都会作为第一个参数自动传给下一项，第一次迭代从数组第二项开始，当前值为数组第二项。

            1.reduce()，从数组第一项开始遍历到最后
             2.reduceRight()，从数组最后一项开始遍历到第一项

/*
            开始执行回调函数cur为2，prev为1，
            第二次执行回调函数，在之前的基础上加1
            函数返回的值都会作为一个参数传给下一项，
            最后执行函数时就是28+8
        */
        var number = [1,2,3,4,5,6,7,8];
        var res = number.reduce(function(prev, cur, index, array) {
            return prev + cur;
        })
        console.log(res);   //1+2+3+4+5+6+7+8=36
 
        var res = number.reduceRight(function(prev, cur, index, array) {
            return prev + cur;
        })

String处理的常用方法总结： 

1、charCodeAt方法返回一个整数，代表指定位置字符的Unicode编码。
strObj.charCodeAt(index)
说明：
index将被处理字符的从零开始计数的编号。有效值为0到字符串长度减1的数字。
如果指定位置没有字符，将返回NaN。
例如：
var str = "ABC";
str.charCodeAt(0);
结果：65
2、fromCharCode方法从一些Unicode字符串中返回一个字符串。
String.fromCharCode([code1[,code2...]])
说明：
code1，code2...是要转换为字符串的Unicode字符串序列。如果没有参数，结果为空字符串。
例如：
String.fromCharCode(65,66,112);
结果：ABp
3、charAt方法返回指定索引位置处的字符。如果超出有效范围的索引值返回空字符串。
strObj.charAt(index)
说明：
index想得到的字符的基于零的索引。有效值是0与字符串长度减一之间的值。
例如：
var str = "ABC";
str.charAt(1);
结果：B
4、slice方法返回字符串的片段。
strObj.slice(start[,end])
说明：
start下标从0开始的strObj指定部分其实索引。如果start为负，将它作为length+start处理，此处length为字符串的长度。
end小标从0开始的strObj指定部分结束索引。如果end为负，将它作为length+end处理，此处length为字符串的长度。
例如：
012345
var str = "ABCDEF";
str.slice(2,4);
结果：CD
5、substring方法返回位于String对象中指定位置的子字符串。
strObj.substring(start,end)
说明：
start指明子字符串的起始位置，该索引从0开始起算。
end指明子字符串的结束位置，该索引从0开始起算。
substring方法使用start和end两者中的较小值作为子字符串的起始点。如果start或end为NaN或者为负数，那么将其替换为0。
例如：
012345
var str = "ABCDEF";
str.substring(2,4); // 或 str.substring(4,2);
结果：CD
6、substr方法返回一个从指定位置开始的指定长度的子字符串。
strObj.substr(start[,length])
说明：
start所需的子字符串的起始位置。字符串中的第一个字符的索引为0。
length在返回的子字符串中应包括的字符个数。
例如：
012345
var str = "ABCDEF";
str.substr(2,4);
结果：CDEF
7、indexOf方法放回String对象内第一次出现子字符串位置。如果没有找到子字符串，则返回-1。
strObj.indexOf(substr[,startIndex])
说明：
substr要在String对象中查找的子字符串。
startIndex该整数值指出在String对象内开始查找的索引。如果省略，则从字符串的开始处查找。
例如：
01234567
var str = "ABCDECDF";
str.indexOf("CD"，1); // 由1位置从左向右查找 123...
结果：2
8、lastIndexOf方法返回String对象中字符串最后出现的位置。如果没有匹配到子字符串，则返回-1。
strObj.lastIndexOf(substr[,startindex])
说明：
substr要在String对象内查找的子字符串。
startindex该整数值指出在String对象内进行查找的开始索引位置。如果省略，则查找从字符串的末尾开始。
例如：
01234567
var str = "ABCDECDF";
str.lastIndexOf("CD",6); // 由6位置从右向左查找 ...456
结果：5
9、search方法返回与正则表达式查找内容匹配的第一个字符串的位置。
strObj.search(reExp)
说明：
reExp包含正则表达式模式和可用标志的正则表达式对象。
例如：
var str = "ABCDECDF";
str.search("CD"); // 或 str.search(/CD/i);
结果：2
10、concat方法返回字符串值，该值包含了两个或多个提供的字符串的连接。
str.concat([string1[,string2...]])
说明：
string1，string2要和所有其他指定的字符串进行连接的String对象或文字。
例如：
var str = "ABCDEF";
str.concat("ABCDEF","ABC");
结果：ABCDEFABCDEFABC
11、将一个字符串分割为子字符串，然后将结果作为字符串数组返回。
strObj.split([separator[,limit]])
说明：
separator字符串或 正则表达式 对象，它标识了分隔字符串时使用的是一个还是多个字符。如果忽略该选项，返回包含整个字符串的单一元素数组。
limit该值用来限制返回数组中的元素个数。
例如：
var str = "AA BB CC DD EE FF";
alert(str.split(" "，3));
结果：
AA,BB,CC
12、toLowerCase方法返回一个字符串，该字符串中的字母被转换成小写。
例如：
var str = "ABCabc";
str.toLowerCase();
结果：abcabc
13、toUpperCase方法返回一个字符串，该字符串中的所有字母都被转换为大写字母。
例如：
var str = "ABCabc";
str.toUpperCase();
结果：ABCABC