JS基础学习07

标签：

19.4 Array数组API补充

1. Array.reverse()：将数组内的数据顺序翻转，返回一个翻转后的新数组。

API说明：

/**
@return {Array.<T>} //返回一个数组。
*/
Array.prototype.reverse = function() {};

2. Array.filter(function(element,index,salarys){}): 遍历数组中的所有元素，将数组内的数据按函数内要求过滤，函数中返回true的留下，返回falser过滤掉，返回一个过滤完的新数组。如：

var newSalarys = salarys.filter(function(element,index,salarys){

         console.log(element); // 数组中的每一项元素

         console.log(index);//数组中每个元素的索引

         console.log(salarys);//当前数组

 });

 API说明：

/**
@param {function(T=, number=, Array.<T>=)} callback //需设置一个回调函数。
@param {*} [thisArg] //可选参数，也可以不选。
@return {Array.<T>} //返回一个函数。
*/
Array.prototype.filter = function(callback,thisArg) {};

3. Array.foreach(function(element,index,salarys){}): 这个API只做循环遍历数组每一项的功能，并可以通过函数内的代码来输出数组中的每一项及每一项的索引，但是这个API无返回值或者是说返回值为undefined。

API说明：

/**
@param {function(T=, number=, Array.<T>=)} callback //需设置一个回调函数。
@param {*} [thisArg] //可选参数，也可以不选。
@return {void} //返回一个无效值。
*/
Array.prototype.forEach = function(callback,thisArg) {};

4. Array.indexOf(searchElement,fromIndex);返回数组中某个元素的索引位置，如果只有一个参数searchElement，则是默认fromIndex从索引为0的位置开始查找，如果有第二个参数fromIndex，则从参数的索引开始往后查找与searchElement相同的元素，并返回这个元素的索引。如果没有元素与searchElement相同，则返回-1.

API说明：

/**
@param {T} searchElement //需要选择的元素。
@param {number} [fromIndex] //查找时的初始索引位置。
@return {number} //返回查找到的元素的索引位置。
*/
Array.prototype.indexOf = function(searchElement,fromIndex) {};

5. Array.slice(start,end): 截取数组中的元素组成一个新数组并返回，不改变原数组。

　　1 [start,end) 第一个参数是开始截取的索引位置，第二个是终止截取的索引位置，但是取不到第二个索引对应的值。

　　2 当只有一个参数时，这个参数为开始截取的索引位置，并从这个索引位置开始截取到最后的元素。

　　3 当第二个值小于第一个值是，截取的数据为空，并返回空数组。

　　4 当只有一个参数的时候，并且这个参数为负数的时候，就相当于开始截取的索引为Array.length+这个参数的值，并截取后面所有的元素。

　　5 当第二个值为负数的时候，这终止截取的索引为Array.length+这个参数的值.但是取不到第二个索引对应的值。

 API说明：

/**
@param {Number} [start] //开始截取的索引位置。
@param {Number} [end] //终止截取的索引位置。
@return {Array.<T>}//返回一个数组。
*/
Array.prototype.slice = function(start,end) {};

6. Array.splice(start,deleteCount,items):

　　1 删除数组内的元素：只有start,deleteCount两个参数时为删除功能，第一个参数为开始截取的索引位置，第二个参数是截取元素的数量，返回一个由被截取的元素组成的新数组，原数组的对应元素将被删除。

　　2 替换数组中的元素：start,deleteCount,items三个参数都存在时就相当于将原数组中的元素替换成新元素的功能。第一个参数为开始截取的索引位置，第二个参数是截取元素的数量，并返回一个由被截取的元素组成的新数组，对于原数组先将被截取的元素删除，再讲items中的新元素填充到截取的位置，被截取的元素数量与补充进来的元素数量可以不一致。

API说明：

/**
@param {Number} [start]//开始截取的索引位置。
@param {Number} [deleteCount]// 需要截取元素的数量。
@param {...T} [items] //替换的元素。
@return {Array.<T>}//返回一个数组。
*/
Array.prototype.splice = function(start,deleteCount,items) {};

20. 清空数组的方式

20.1 array.splice()的方法：从0截取，截取的数量为整个数组的元素数量，即arr.length.

20.2 改变数组长度的方法：让数组的长度变为0，来清空数组。

20.3 直接重新赋值一个空数组，并且一般编程当中都是使用这个方法。

21.字符串string的属性和方法

我们可以将字符串看成由许多字符组成的数组，这时它会拥有许多数组的属性和方法：

21.1 string.length属性

可以通过string.length的属性来查看字符串的字符长度，并且还可以使用循环语句来遍历字符串中所有的字符。

21.2 String.concat(strings) 连接两个字符串

通过string1.concat(string2)的方法将字符串1和2连接起来。

API说明：

 /**
@param {...string} [strings]//参数为字符串。
@return {string}//返回一个新的字符串。
*/
String.prototype.concat = function(strings) {};

21.3 string.slice (start,end)

字符串中的slice用法和数组中的用法一致。

21.4 string.substring(start,end)

与slice的用法基本一致。

区别在于特殊用法：当两个参数的时候，并且第二个参数为负数时，则第二个参数相对于0，而这时会从索引为0 的元素开始截取，第一个参数为终止截取的索引位置，并且截取不到这个值，将截取到的元素组成新的数组返回.

/**
@param {Number} start //开始截取的索引位置。
@param {Number} [end]//终止截取得到索引位置。
@return {string}//返回一个新的字符串。
*/
String.prototype.substring = function(start,end) {};

21.5 string.substr(start,length)

　　1 两个参数的时候，第一个参数为开始截取的索引位置，第二个参数为截取的元素数量。并将截取到的元素组成的新数组返回。

　　2 一个参数的时候，第一个参数为开始截取的索引位置，并从这个索引位置开始截取到最后的元素。并将截取到的元素组成的新数组返回。

　　3 一个参数的时候并且参数为负数时，就相当于以array.length+这个参数的值为开始截取的索引位置，并往后截取后面的所有元素。并将截取到的元素组成的新数组返回。

　　4 两个参数的时候并且第二个参数为负数时，就相当于截取元素数量为零，所以截取结果为空，返回空数组。

API说明：

/**
@param {Number} start//开始截取的索引位置。
@param {Number} [length]//截取字符的数量。
@return {string}//返回一个新字符串。
*/
String.prototype.substr = function(start,length) {};

21.6 string.split (separator,limit)

用某个字符将字符串中的字符分割变成数组中的一个或多个元素，也就是字符串转换为数组。

separator分隔符应为字符串中出现的字符或者为“”空字符串，不然会将字符串整体转换为一个元素。

API说明：

/**
@param {*} separator//分隔符类型。
@param {Number} [limit]
@return {Array}//返回一个新的数组。
*/
String.prototype.split = function(separator,limit) {};

21.7 string.charAt(获取字符串中指定索引位置的字符)

API说明：

/**
@param {Number} pos//指定的索引位置。
@return {string}//返回该位置的字符。
*/
String.prototype.charAt = function(pos) {};

21.8 string.charCodeAt(获取字符串中指定索引位置的字符的ASCII码值)

API说明：

/**
@return {Number}//返回一个ASCII码值。
*/
String.prototype.charCodeAt = function(index) {};

21.9 字符串转换大小写

var str = "helloWMMMAorld";
console.log(str.toUpperCase());//将字符串中所有字符转换为大写。
console.log(str.toLocaleUpperCase());//将字符串中所有字符转换为大写。
console.log(str.toLowerCase());//将字符串中所有字符转换为小写。
console.log(str.toLocaleLowerCase());//将字符串中所有字符转换为小写。

21.10 去除字符串前后的空格 string.trim()

API说明：

/**
@return {string}//返回一个新字符串。
*/
String.prototype.trim = function() {};

21.11 string.replace()  替换字符串里面字符

这个方法有两个参数，

第一个参数searchValue为需要被替换的元素，第二个参数replaceValue为替换后的元素。但这个方法只能替换第一个与searchValue参数相同的元素。

可以通过正则方式来实现全部替换：

第一个参数通过/a/g（g代表global全局的意思）的表示方式来替换字符串中所有与参数searchValue相同的元素。

API说明：

/**
@param {RegExp|string} searchValue//需要替换的字符。
@param {string|function} replaceValue//替换后的字符。
@return {string}//返回一个新的字符串。
*/
String.prototype.replace = function(searchValue,replaceValue) {};

JS基础学习07

标签：

原文地址：http://www.cnblogs.com/chendu/p/5731037.html