Js中的字符串/数组中常用的操作

JS为每种数据类型都内置很多方法&＃xff0c;真的不好记忆&＃xff0c;而且有些还容易记混&＃xff0c;现整理如下&＃xff0c;以便以后查看&＃xff1a;

一、String

①charAt()方法用于返回指定索引处的字符。返回的字符是长度为 1 的字符串。

语法&＃xff1a;stringObject.charAt(index)  

index 必需&＃xff0c;表示字符串中某个位置的数字。字符串中第一个字符的下标是 0。如果参数 index 不在 0 与 string.length-1 之间&＃xff0c;该方法将返回一个空字符串。

②indexOf()方法可返回某个指定的字符串值在字符串中首次出现的位置。

语法&＃xff1a;stringObject.indexOf(str,startpos)

str 必需&＃xff0c;给定的需要检索的字符串。 startpos 可选的整数参数&＃xff0c;规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数&＃xff0c;则将从字符串的首字符开始检索。

③split()方法将字符串分割成字符串数组&＃xff0c;并返回此数组

语法&＃xff1a;stringObject.split(separator,limit)

separator 必需&＃xff0c;从该参数指定的地方分割。 limit 可选&＃xff0c;分割的次数

④substring()方法用于提取字符串中介于两个指定下标之间的字符&＃xff0c;其内容是从 start 处到 stop-1 处的所有字符&＃xff0c;其长度为 stop 减 start。

语法&＃xff1a;stringObject.substring(start,stop)

start 必需&＃xff0c;一个非负的整数&＃xff0c;规定要提取的子串的第一个字符在 stringObject 中的位置。

stop 可选&＃xff0c;一个非负的整数&＃xff0c;比要提取的子串的最后一个字符在 stringObject 中的位置多 1。如果省略该参数&＃xff0c;那么返回的子串会一直到字符串的结尾。

⑤substr()方法在字符串中抽取从 start 下标开始的指定数目的字符。

语法&＃xff1a;stringObject.substr(start,length)

start 必需&＃xff0c;要抽取的子串的起始下标。必须是数值。如果是负数&＃xff0c;那么该参数声明从字符串的尾部开始算起的位置。也就是说&＃xff0c;-1 指字符串中最后一个字符&＃xff0c;-2 指倒数第二个字符&＃xff0c;以此类推。

length 可选&＃xff0c;必须是数值。如果省略了该参数&＃xff0c;那么返回从 stringObject 的开始位置到结尾的字串。

⑥replace()方法用于在字符串中用一些字符替换掉另一些字符&＃xff0c;或替换掉一个与正则表达式匹配的子串。

语法&＃xff1a;stringObject.replace(regexp/substr,newsubstr/function)

regexp/substr 必需&＃xff0c;规定要替换掉的子字符串或要替换掉的模式的 RegExp 对象。

newsubstr/function 必需&＃xff0c;规定了替换文本或生成替换文本的函数。

⑦charCodeAt()方法可返回指定位置的字符的 Unicode 编码。这个返回值是 0 - 65535 之间的整数。

语法&＃xff1a;stringObject.charCodeAt(index)

index 必需&＃xff0c;表示字符串中某个位置的数字&＃xff0c;即字符在字符串中的下标。

⑧formCharCode()方法接受一个指定的 Unicode 值&＃xff0c;然后返回一个字符串。

语法&＃xff1a;String.fromCharCode(numX,numX,...,numX)

numX 必需&＃xff0c;一个或多个 Unicode 值&＃xff0c;即要创建的字符串中的字符的 Unicode 编码。

二、Math

①ceil()方法 对一个数进行向上取整

语法&＃xff1a;Math.ceil(x)  返回大于等于x 并且与x最接近的整数

②floor()方法 对一个数进行向下取整

语法&＃xff1a;Math.floor(x) 返回小于等于x 并且与x最接近的整数

③round()方法 对一个数进行四舍五入取整

语法&＃xff1a;Math.round(x) 返回最接近x的整数

④random()方法 返回介于 0 ~ 1 之间的一个随机数

语法&＃xff1a;Math.random() 返回0.0 ~ 1.0 之间的一个随机数。

⑤max()方法返回指定的数中带有较大的值的那个数

语法&＃xff1a;Math.max(x1,x2,.....) 返回x1,x2,.....中带有最高值的数字  如果有某个参数为 NaN&＃xff0c;或是不能转换成数字的非数字值&＃xff0c;则返回 NaN。

⑥min()方法返回指定的数中带有较小的值的那个数

语法&＃xff1a;Math.min(x1,x2,......) 返回x1,x2,.....中带有最小值的数字  如果有某个参数为 NaN&＃xff0c;或是不能转换成数字的非数字值&＃xff0c;则返回 NaN。

1 Math.ceil(3.2);//4
2 Math.floor(3.7);//3
3 Math.round(3.5);//4
4 Math.random();//一个随机数
5 Math.max(3,6,6.2);//6.2
6 Math.min(3,4,34);//3

三、Array

①concat()方法用于连接两个或多个数组。返回一个新的数组

语法&＃xff1a;arrayObject.concat(arrayX,arrayX,......,arrayX)

arrayX 必需&＃xff0c;该参数可以是具体的值&＃xff0c;也可以是数组对象。可以是任意多个。

注&＃xff1a;该方法不会改变原有的数组arrayObject&＃xff0c;而仅仅会返回一个新&＃xff0c;该数组是通过把所有 arrayX 参数添加到 arrayObject 中生成的。如果要进行 concat() 操作的参数是数组&＃xff0c;那么添加的是数组中的元素&＃xff0c;而不是数组。

②join()方法用于把数组中的所有元素放入一个字符串。返回一个字符串,不改变原数组。

语法&＃xff1a;arrayObject.join(separator)

separator 可选&＃xff0c;指定要使用的分隔符。如果省略该参数&＃xff0c;则使用逗号作为分隔符。

③reverse()方法用于颠倒数组中元素的顺序&＃xff0c;该方法会改变原来的数组&＃xff0c;而不会创建新的数组。

语法&＃xff1a;arrayObject.reverse()

var arr &＃61; new Array(3);
arr[0] &＃61; "a";
arr[1] &＃61; "b";
arr[2] &＃61; "c";
document.write(arr &＃43; "
");//a,b,c
document.write(arr.reverse());//c,b,a

④slice()方法从已有的数组中返回选定的元素构成一个新的数组。不改变原数组

语法&＃xff1a;arrayObject.slice(start,end)   返回的新数组包含从 start 到 end &＃xff08;不包括该元素&＃xff09;的 arrayObject 中的元素。

start 必需&＃xff0c;规定从何处开始选取。如果是负数&＃xff0c;那么它规定从数组尾部开始算起的位置。也就是说&＃xff0c;-1 指最后一个元素&＃xff0c;-2 指倒数第二个元素&＃xff0c;以此类推。

end 可选&＃xff0c;。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数&＃xff0c;那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数&＃xff0c;那么它规定的是从数组尾部开始算起的元素。

⑤sort()方法使数组中的元素按照一定的顺序进行重新排序&＃xff0c;该方法会改变原来的数组。

语法&＃xff1a;arrayObject.sort(sortby)

sortby 可选&＃xff0c;若使用时未传入参数&＃xff0c;默认排序规则&＃xff0c;是按照字符编码的顺序进行排序&＃xff1b;若使用该参数&＃xff0c;必须是函数&＃xff08;比较函数&＃xff09;规定排序顺序&＃xff0c;即接收一个比较函数来实现自定义的排序。

比较函数要比较两个值&＃xff0c;应该具有两个参数 a 和 b&＃xff0c;然后返回一个用于说明这两个值的相对顺序的数字。

var sortby&＃61;function(a,b){

//函数体     注&＃xff1a;开始时 a&＃61;arrayObject[0],b&＃61;arrayObject[1];然后a&＃61;调整后的arrayObject[1],b&＃61;调整后的arrayObject[2]&＃xff1b;以此类推&＃xff0c;直到数组合中的元素全部循环判断一遍

}

其返回值如下&＃xff1a;

• 若 a 小于 b&＃xff0c;在排序后的数组中 a 应该出现在 b 之前&＃xff0c;则返回一个小于 0 的值&＃xff0c;此时不调换a、b顺序。
• 若 a 等于 b&＃xff0c;则返回 0&＃xff0c;此时不调换a、b顺序。
• 若 a 大于 b&＃xff0c;则返回一个大于 0 的值&＃xff0c;此时调换a、b的顺序。

1 var arr &＃61; [10, 20, 1, 2];
2 //将数组中的元素按从小到大排列
3 arr.sort(function(a,b){
4 return a-b;
5 });
6 document.write(arr);//1,2,10,20

⑥splice()方法 向/从数组中添加/删除项目&＃xff0c;然后返回被删除的项目组成的数组。该方法会改变原始数组。

语法&＃xff1a;arrayObject.splice(index,howmany,item1,.....,itemX)

删除从index处开始的howmany个元素&＃xff0c;并且可用列表中声明的一个或者多个值&＃xff08;item1,.....,itemX&＃xff09;来替换那些被删除的元素。

index 必需&＃xff0c;整数&＃xff0c;规定添加/删除项目的位置&＃xff0c;使用负数可从数组结尾处规定位置。howmany 必需&＃xff0c;要删除的项目数量。如果设置为 0&＃xff0c;则不会删除项目。 item1,.....,itemX可选&＃xff0c;向数组添加的新项目。

⑦map()方法按照原始数组元素顺序依次处理元素。map()方法可以方便的遍历数组。返回一个新数组&＃xff0c;不会改变原始数组。

语法&＃xff1a;arrayObject.map(function(currentValue,index,arr), thisValue)

function(currentValue, index,arr) 必需&＃xff0c;函数&＃xff0c;数组中的每个元素都会执行这个函数。map&＃xff08;&＃xff09;方法可给该回调函数传入三个值&＃xff1a;currentValue &＃xff08;必选 当前元素的值&＃xff09;&＃xff1b; index &＃xff08;可选 当前元素的索引&＃xff09;&＃xff1b;

                                                                                                                                                                    arr &＃xff08;可选 当前元素属于的数组对象。后两者在回调函数中根据是否需要来决定是否作为参数传入&＃xff09;。

thisValue 可选&＃xff0c;网上查到的说法是&＃xff1a;对象作为该执行回调时使用&＃xff0c;传递给函数&＃xff0c;用作 "this" 的值。如果省略了 thisValue &＃xff0c;"this" 的值为 "undefined"。一般用不到该参数。

⑧reduce()方法接收一个函数作为累加器&＃xff0c;数组中的每个值&＃xff08;从左到右&＃xff09;开始缩减&＃xff0c;最终计算为一个值。reduce()方法可以方便的迭代数组。不会改变原数组。

语法&＃xff1a;arrayObject.reduce(function(previousValue, currentValue, currentIndex, arr), initialValue)

function(previousValue, currentValue, currentIndex, arr) 必需&＃xff0c;函数&＃xff0c;reduce()方法可给该回调函数传入四个值&＃xff1a;previousValue &＃xff08;必选 上一次调用回调返回的值&＃xff0c;或者是提供的初始值&＃xff08;initialValue&＃xff09;&＃xff09;&＃xff1b;currentValue &＃xff08;必选 数组中当前被处理的元素&＃xff09;&＃xff1b;

currentIndex&＃xff08;可选 当前元素在数组中的索引&＃xff09;&＃xff1b;arr &＃xff08;可选 调用 reduce 的数组&＃xff09; 。  

initialValue 可选&＃xff0c;若不设置。则初始值将变成数组中的第一项&＃xff0c;而currentValue即从数组中的第二项开始。

1 var arr&＃61;[2,4,3,7];
2 //数组中的元素进行累加
3 var val&＃61;arr.reduce(function(n1,n2){
4 return n1&＃43;n2;
5 },0);
6 document.write(val);//16

⑨filter()方法创建一个新的数组&＃xff0c;新数组中的元素是通过检查指定数组中符合条件的所有元素。filter()方法可以方便的遍历数组&＃xff0c;对元素进行过滤。不会改变原始数组。

 语法&＃xff1a;arrayObject.filter(function(currentValue,index,arr), thisValue)

function(currentValue,index,arr) 必选&＃xff0c;函数&＃xff0c;filter&＃xff08;&＃xff09;方法可给该回调函数传入三个值&＃xff1a;currentValue&＃xff08;必选 当前元素的值&＃xff09;&＃xff1b;index&＃xff08;可选 当前元素在数组中的索引&＃xff09;&＃xff1b;arr&＃xff08;可选 调用filter的数组&＃xff09;。

thisValue 可选&＃xff0c;网上查到的说法是&＃xff1a;对象作为该执行回调时使用&＃xff0c;传递给函数&＃xff0c;用作 "this" 的值。如果省略了 thisValue &＃xff0c;"this" 的值为 "undefined"。一般用不到该参数。

 ⑩arrayObject.pop()  移除arrayObject中的最后一个元素&＃xff0c;并返回该元素&＃xff0c;改变原数组&＃xff1b;

    arrayObject.push(item1,item2,....) 将一个或多个参数item添加到数组arrayObject的尾部&＃xff0c;改变原数组&＃xff0c;并返回改变后的数组的长度&＃xff1b;

    arrayObject.shift() 移除arrayObject中的第一个元素&＃xff0c;并返回该元素&＃xff0c;改变原数组&＃xff1b;

    arrayObject.unshift(item1,item2,....)将一个或多个参数item添加到数组arrayObject的头部&＃xff0c;改变原数组&＃xff0c;并返回改变后的数组的长度&＃xff1b;