用最简单的语言带你了解Javascript之4：数组和字符

朱雀 2024-04-18 19:51 58阅读 0赞

## 数组 ##

即数据的组合，多个数据，顺序，编号，索引，从零开始，到length-1结束  
数组通过括号语法，拿到指定索引位置的数据。  
**注意：数组也是对象的一种，数组 typeof返回的是对象，也就是说，数组是一种特殊的对象**

###### 创建方式： ######

var arr1 = [1,2,3]  			//字面量方式
    	var arr2 = new Array(1,2,3)		//构造函数方式

当只有一个数据时，两种创建方式的不同：

var arr1 = [5]					//表示有一个元素组5
    	var arr2 = new Array(5)			//表示有5个数组元素，值全部为undefined

###### 赋值： ######

1.  静态赋值：直接使用指定的值给指定位置的数组

arr[0] = 1
    	arr[1] = "hello"

1.  动态赋值：在程序运行过程中，创建具体的值给元素赋值

arr[0] = Math.random();
    	arr[1] = Math.random();

###### 数组的曾删改查： ######

arr.push("hello")		//在数组的末尾添加元素
    		arr.unshift("first")	//在数组的开始添加元素
    		arr.pop()				//删除最后一位元素
    		arr.shift()				//删除第一个元素

arr.splice(n,m,a......)	//替换		从第n个项目开始删除，一共删除m个;a可选，表示在删除的位置添加新元素a
    	arr.slice(n,m)			//截取		返回一个新数组，从下标n的位置取到下标m位置的前一个（不包含m），可以实现截取的功能
    	arr.sort(fn)			//对数组进行排序,fn为一个函数，可选;
    						//当数组内的元素为字符型数字，默认排序已经无法满足，需要手动处理;
    						//如function fn(n,m){return n-m}

注意：每个方法的返回值  
注意：每个方法是否会修改原数组  
注意：看参数

**常用数组方法：**

*  改变原数组：
    
        sort()					对数组的元素进行排序
          splice()				删除并向数组添加新元素
          pop()					删除并返回数组的最后一个元素
          push()					想数组的末尾添加一个或更多元素，并返回新的长度
          reverse()				颠倒数组中元素的顺序
          shift()					删除并返回数组的第一个元素
          unshift()				向数组的开头添加一个或更多元素，并返回新的长度
 *  不改变原数组：
    
        slice(n,m)					截取        返回一个新数组，从下标n的位置取到下标m位置的前一个（不包含m），可以实现截取的功能
          concat()				链接两个或更多的数组，并返回结果
          join()					把素组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔slice()					从某个已有的数组返回选定的元素
          toSource()				返回该对象的源代码
          toString()				把数组换位字符串，并返回结果
          toLocaleString()		把数组转换为本地数组，并返回结果
          valueOf()				返回数组对象的原始值
          lastindexOf()			反向查询并返回数据的索引
 *  ES5:
    
        indexOf()				查询并返回数据的索引，出错则返回-1
          
          forEach()				遍历数组，参数有三个 ：分别value,index,self;
          							forEach	没有!!!返回值!!!
          
          map()					遍历数组，而且可以改变数组中的数值并返回到新数组
        
          filter()				filter的回调函数需要返回布尔值，当为true时，将本次数组的数据返回给filter，最后filter将所有回调函数的返回值组成新数组返回（此功能可理解为“过滤”）
        
          every()				判断数组中每一项是否都满足条件，只有所有项都满足条件，才会返回true	
          
          some()

关于ES5我们后面会详细讲解  
判断数组中有一项是否满足条件，只要有一项项都满足条件，就返回true

reduce()				从数组的第一项开始，逐个遍历到最后，迭代数组的所有项，然后构建一个最终返回的值。
    	四个参数:
    	reduceRight()

这边只是给大家介绍了一下基本的数组使用方法，并不是很详细，如果需要详细了解可以转到：  
[点击这里查看所用数组方法][Link 1]  
数值数组：  
var arr = \[3,2,3,4,5\]  
多维数组：  
var arr = \[\[\[内容\],\[内容\]\],\[内容\],\[内容\],\[内容\],内容\]  
console.log(arr\[2\],\[3\])  
对象数组（json数组)：  
var arr = \[\{name:“admin”\},\{\},\{\}\]  
console.log(arr\[1\].name)

==================================================================

## 字符 ##

所有语言都有的符号，而且是前后端交互的唯一形式，字符的重要性在编程里就跟文字一样普遍和重要，而且相对来说也比较简单。

*  引号（‘单引号’,“双引号”）是字符的标志，字符也有索引，长度，单双引号本身没有太多的差别，但是在字符串拼接的时候需要注意，引号里面不能直接使用相同的引号，比如：

（""""）或者（''''）					×
    （"''"）或者（'""'）					√

**字符串拼接：**  
字符串拼接的方式是中间加一个+号,即：

1."内容"+"内容"
    2."内'+其他非字符串内容+'容"

**字符方法：**

str.indexOf()		查询内容
    	str.charOf()		查询索引
    	str.substr()			截取，（第一个值索引，数量）
    	str.slice()			截取,（第一个值索引，最后值索引）
    	str.substring()		截取，（第一个值索引，最后值索引）
    	str.split()			分割，里面为字符，删除字符内内容作为分割线
    	str.charAt()		返回在指定位置的字符
    	str.charCodeAt()	返回指定位置字符的Unicode编码
    	str.fixed()				把字符串显示为打字机字体
    	str.fontcolor/fontsize   字体的大小和颜色，这个一般可以用CSS来写，所以使用场景不多
    	str.replace()			替换内容：两个参数，前一个是需要替换的值的索引，后一个是替换的值

[Link 1]: https://www.jianshu.com/p/7e160067a06c