数组

方法

1.在数组末尾添加、删除元素

push()方法可以接收任意数量的参数,把它们逐个添加到数组的末尾,并返回修改后数组的长度。改变原数组

pop()方法则从数组末尾移除最后一个元素,减少数组的 length 值,然后返回移除的元素。改变原数组

2.在数组前端添加、删除元素

unshift() 方法从数组前端添加一个或多个元素,返回数组的长度。改变原数组

shift() 方法从数组前端移除一个元素,返回删除元素。改变原数组

3. 重排序方法

reverse()        // 返回一个逆向排序的新数组, 改变原数组

sort()      //返回一个从小到大排序的新数组 , 改变原数组

注意:sort排序默认是按照数组元素的ASCII码的大小排序,如果想用sort完成元素数值大小的排序需要调用函数

//数组升序排列
function compare(m, n) {
return m– n; //想要降序排列此处换为 n – m;
}
arr.sort(compare);

1.基于当前数组元素/数组,连接新的元素/数组,形成一个新的数组

concat() 方法返回新数组,不改变原数组

2.获取、截取、插入、替换元素

slice 基于当前数组获取指定区域元素,并返回一个新数组,不改变原数组

//slice(a,b)   获取范围是[a b)
var arr = Array(2,5,8,10,3,28);
var a = arr.slice(1,2); //从下标1开始获取,到下标2结束,不包括下标2 [1 2). document.writeln(arr); //元素不变
document.writeln(a); //

splice   数组值的截取、插入、替换、删除,会改变原数组

数组值的截取会改变原数组,返回截取元素的数组

//splice(a,b)  截取范围是从a按开始,截取长度为b
var arr = Array(2,5,8,10,3,28);
var a = arr.splice(2,3); //从下标2开始,截取3个元素
document.writeln(arr); //2,5,28
document.writeln(a); //8,10,3

插入元素,无返回值,改变原数组

//splice   插入
var arr = Array(2,5,8,10,3,28);
var a = arr.splice(2,0,"a","b"); //从下标2开始,截取0个元素,并插入新元素
document.writeln(arr); //2,5,a,b,8,10,3,28
document.writeln(a); //无返回值

替换元素,返回被替换元素,改变原数组

//splice   替换
var arr = Array(2,5,8,10,3,28);
var a = arr.splice(2,1,"a"); //从下标2开始,截取1个元素,并插入一个新元素(数组元素替换)
document.writeln(arr); //2,5,a,10,3,28
document.writeln(a); //

删除元素

//splice   删除
var arr = Array(2,5,8,10,3,28);
var a = arr.splice(2,1); //从下标2开始,截取1个元素,并插入一个新元素(数组元素替换)
document.writeln(arr); //2,5,10,3,28
document.writeln(a); //

3.定义数组元素间的分隔符

join   使用指定的分隔符把数组中的数据连接成字符串,返回新字符串,不改变原数组元素

Join()
var arr = Array(2,5,8,10,3,28);
var w = arr.join("、");
document.writeln(w); //2、5、8、10、3、28
document.writeln(arr); //2,5,8,10,3,28

字符串string

  1. 字符的获取方法
str.charAt   str.charCodeAt   String.fromCharCode
str.charAt   str.charCodeAt   String.fromCharCode
var str = "0123456";
console.log(str.charAt(3)) ; //获取下标为3的字符 3
console.log(str[3]) ; //获取下标为3的字符 3
console.log(str.charCodeAt(3)) ; //获取下标为3的字符的编码(ASCII码)51
console.log(String.fromCharCode(97)) ; //ASCII编码转换成字符 a
var str = String.fromCharCode(98,99);
console.log(str); //bc

该方法是 String 的静态方法,所以用String调用,        如:var str = String.fromCharCode(98,99); 可传入多个参数

2.连接字符串  str.concat()

str.concat()  也可以用+连接
var str1 = "hello";
var str2 = str1.concat(" world");
console.log(str1); //hello
console.log(str2); //hello word

3.字符串的查找方法 

str.indexOf( )  查找字符串第一次出现的位置,如果没找到则返回-1

str.indexOf( )
var str = "abcdabcd";
var subStr = "bcd";
var index = str.indexOf(subStr);
console.log(index); //

str.lastIndexOf( )  查找字符串最后一次出现的位置, 如果没找到则返回-1

str.lastindexOf( )
var str = "abcdabcd";
var index = str.lastIndexOf(“abc”); //

4.正则匹配

str.search() 正则匹配 (返回第一次出现的位置)

str.search()
var str = "Abcdabcd";
var index = str.search(/abc/gi); //index = 4

注: g表示进行全局匹配,i表示匹配的时候忽略大小写

5.str.replace() 替换字符串 

str.replace()
var str = "how are you!";
var newStr = str.replace("are", "old are");
console.log(str); //how are you!
console.log(newStr); //how old are you!

这里的替换只能执行一次,不能够进行全局匹配,如果需要全局匹配,则应使用正则表达式: str.replace(/are/gi, "old are")

字符串的常用函数(重要)

substring(start,end); //截取字符串 范围是[start, end)

substr(a,b)   截取字符串,范围是从下表为a的字符开始,截取长度为b

substr()
var str = 'Hello world!';
console.log(str.substring(2,5)); //llo
console.log(str); //Hello world!
console.log(str.substr(2,5)); //llo w

注: 如果只有一个参数, 则表示到字符串最后

split(separator, howmany)—根据分隔符、拆分成数组

separator(字符串或正则表达式)

howmany(可以指定返回的数组的最大长度, 可以省略)

split()  根据分隔符、拆分成数组
var str = 'Hello*world*!';
var str1 = str.split(/\*/);
console.log(str); //Hello*world*!
console.log(str1); //["Hello", "world", "!"]
var str = 'Hello*world*!';
var str1 = str.split('');
console.log(str1); //["H", "e", "l", "l", "o", "*", "w", "o", "r", "l", "d", "*", "!"]

【注】如果空字符串(“”)用作separator,那么stringObject中的每个字符之间都会被分割。

toLowerCase() 方法用于把字符串转换成小写

toUpperCase() 方法用于把字符串转换成大写

js数组与字符串处理 slice、splice、substring、substr、push、pop、shift、reverse、sort、join、split的更多相关文章

  1. js中slice splice substring substr区别

    https://www.jb51.net/article/62165.htm 1.slice(start,end)  #  字符串 2.splice (位置,删除个数,添加元素)# 针对arrary ...

  2. 数组方法push() pop() shift() unshift() splice() sort() reverse() contact()浅拷贝 slice()原数组拷贝

    push() pop() shift() unshift() splice() sort() reverse() 参考资料:https://wangdoc.com/javascript/stdlib/ ...

  3. js 的数组怎么push一个对象. Js数组的操作push,pop,shift,unshift JavaScrip

    push()函数用于向当前数组的添加一个或多个元素,并返回新的数组长度.新的元素将会依次添加到数组的末尾. 该函数属于Array对象,所有主流浏览器均支持该函数. 语法 array.push( ite ...

  4. 数组遍历 map()、forEach() 及 字符串切割 split() / 字符串截取 slice()、substring()、substr()

    JS数组遍历的几种方式 JS数组遍历,基本就是for,forin,foreach,forof,map等等一些方法,以下介绍几种本文分析用到的数组遍历方式以及进行性能分析对比 第一种:普通for循环 代 ...

  5. JS —— 数组与字符串方法

    数组 1. 基本方法  1)Array.prototype.unshift(item1,item2,item3...) 描述: 在数组的前面添加元素,一次可以传入多个参数. 注意:元素会根据当前传入的 ...

  6. js数组,字符串常用方法汇总(面试必备)

    字符串: 1.concat() – 将两个或多个字符的文本组合起来,返回一个新的字符串.  2.indexOf() – 返回字符串中一个子串第一处出现的索引.如果没有匹配项,返回 -1 .  3.ch ...

  7. Js数组和字符串常用方法

    字符串: 1.concat() – 将两个或多个字符的文本组合起来,返回一个新的字符串.  2.indexOf() – 返回字符串中一个子串第一处出现的索引.如果没有匹配项,返回 -1 .  3.ch ...

  8. js数组、字符串常用方法

    数组方面 push:向数组尾部增加内容,返回的是新数组的长度. var arr = [1,2,3]; console.log(arr); var b = arr.push(4); console.lo ...

  9. js数组与字符串的相互转换方法 数组常用的方法

    1 数组转字符串 需要将数组元素用某个字符连接成字符串,示例代码如下: var a, b; a = new Array(0,1,2,3,4); b = a.join("-"); 二 ...

随机推荐

  1. Tutorial 01 4,5题

    .任务四: 程序设计思想:利用Math.random()产生一个char类型的字符,再利用for循环是他们相加,最后将他们放在一个消息框中输出.   程序流程图:   源程序:           p ...

  2. C#-函数的传值与传址

    传值就是将实参的值传到所调用的函数里面,实参的值并没有发生变化,默认传值的有int型,浮点型,bool型,char字符型,结构体等等. 传址就是将地址传到所调用的函数里面操作,实参的值也会跟着变化,传 ...

  3. CentOS虚拟机断电或强制关机,再开机出现问题:Entering emergency mode. Exit the shell to continue.

    解决问题: 输入命令:xfs_repair -v -L /dev/dm-0

  4. php fputcsv 读取不到中文文件、数据

    string  setlocale(constant,location) constant 必需.规定应该设置什么地区信息. 可用的常量: LC_ALL - 包括下面的所有选项 LC_COLLATE ...

  5. 进阶篇:2)DFMA方法的运用

    本章目的:DFMA方法运用,引导后面的章节.(运用比只理解重要!) 1.DFMA概述 1.1 DFMA的由来 工艺粗略可分为装配工艺和制造工艺.在这里,我们所讲的“制造”是指产品或部件的某个零件的制造 ...

  6. C回调函数

    转自:https://segmentfault.com/a/1190000008293902?utm_source=tag-newest 在面试的时候被问到什么是回调函数,我是属于会用但不懂概念的那类 ...

  7. react渲染原理深度解析

    https://mp.weixin.qq.com/s/aM-SkTsQrgruuf5wy3xVmQ   原文件地址 [第1392期]React从渲染原理到性能优化(二)-- 更新渲染 黄琼 前端早读课 ...

  8. 【ExtJS】FormPanel表单验证

    在Extjs中,FormPane表单提供了各种各样的验证. 在表单验证前需要在onReady的function({})内添加以下代码: Ext.QuickTips.init();    //为组件提供 ...

  9. 我java学习时的模样(二)

    去掉自己浮躁的心 工作了三年,见识过高山,也见过低估,高山同大神一起共事,低估是几家特别烂的外包公司,现在有了另一种心境.已经开始重视自己,去掉当初浮躁的心. 毕业的一两年内,是人成长特别快的时期,也 ...

  10. C#操作Redis SortedSet 有序集合

    /// <summary> /// Redis 有序集合 /// </summary> public static void Redis_SetSorted() { Redis ...