JavaScript的数组、字符串、Math对象、日期对象的介绍

最新推荐文章于 2024-04-25 09:52:16 发布

**kwargs

最新推荐文章于 2024-04-25 09:52:16 发布

阅读量118

点赞数

本文链接：https://blog.csdn.net/liuxingxing_star/article/details/103787451

版权

第三阶段专栏收录该内容

20 篇文章 0 订阅

订阅专栏

一、内置对象

1）对象

对象是由属性和方法组成的,使用点语法访问

<script>
        // 创建JS对象
        var obj = {name:'maria', age: 20}    
        // 查看对象和其属性
        console.log(obj)
        console.log(obj.age)
        // 修改属性值
        obj.age = 18;
    </script>

2） Array 数组

1. 创建

<script>
        // 创建数组，是个容器，可存放任意元素
            var arr1 = [1,2,3];
            var arr2 = new Array()
            var arr3 = new Array('bob', 'alice')

            console.log(arr1)
            console.log(arr2)
            console.log(arr3)

        for(i=0;i<arr1.length;i++){
            console.log(arr1[i])
        }

        </script>

2. 特点

数组用于存储若干数据,自动为每位数据分配下标,从0开始
数组中的元素不限数据类型,长度可以动态调整
动态操作数组元素：根据元素下标读取或修改数组元素，arr[index]

3. 属性和方法

属性 : length 表示数组长度,可读可写
（调用属性不用加“括号”，而调用方法要加括号）
方法 :
- push(data)——末尾添加
  在数组的末尾添加一个或多个元素,多个元素之间使用逗号隔开
  返回添加之后的数组长度
- pop()——移除末尾
  移除末尾元素
  返回被移除的元素
- unshift(data)——头部添加
  在数组的头部添加一个或多个元素
  返回添加之后的数组长度
- shift()——移除头部
  移除数组的第一个元素
  返回被移除的元素
- splice(index,num)
  从数组中添加/删除项目
  返回被删除的项目
- toString()
  将数组转换成字符串类型
  返回字符串结果
- join(param)
  将数组转换成字符串,可以指定元素之间的连接符,如果参数省略,默认按照逗号连接
  返回字符串
- reverse()
  反转数组,倒序重排
  返回重排的数组,注意该方法直接修改原数组的结构
- sort()
  对数组中元素排序,默认按照Unicode编码升序排列
  返回重排后的数组,直接修改原有数组
  参数 : 可选,自定义排序算法
  例：
```
  //自定义升序
  function sortASC(a,b){
    return a-b;
  }
```
  作用：作为参数传递到sort()中,会自动传入两个元素进行比较,如果a-b>0,交换元素的值,自定义升序排列
```
  //自定义降序
  function sortDESC(a,b){
  	return b-a;
  }
  //如果返回值>0,交换元素的值,b-a表示降序排列
```

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>排序</title>
</head>
<body>
    <script>
        var arr = [12,45,78,96,32,1,2,35,88]
        console.log(arr.sort())             //[1, 12, 2, 32, 35, 45, 78, 88, 96]
        // 自定义排序，升序
        function sortASC(a,b){
            return a-b;
        }
        console.log( arr.sort(sortASC))

        // 自定义排序，降序（只需把函数里的a-b换成b-a）
        function sortDESC(a,b){
            return b-a;
        }
        console.log( arr.sort(sortDESC))
        </script>
</body>
</html>

4. 二维数组

数组中的每个元素又是数组

 var arr1 = [1,2,3];
 var arr2 = [[1,2],[3,4],[5,6,7]];
 //操作数组元素
 var r1 = arr2[0] //内层数组
 var num = r1[0]; //值 1
 //简写
 var num2 = arr2[1][0];

3）String 对象

1. 创建

    var str = "100";
    var str2 = new String("hello");

2. 特点

字符串采用数组结构存储每位字符,自动为字符分配下标,从0开始

3. 属性

length ：获取字符串长度

4. 方法

转换字母大小写
toUpperCase() 转大写字母
toLowerCase() 转小写字母
返回转换后的字符串,不影响原始字符串
获取字符或字符编码
charAt(index) 获取指定下标的字符
charCodeAt(index) 获取指定下标的字符编码
参数为指定的下标,可以省略,默认为0
获取指定字符的下标
- indexOf(str,fromIndex)
  作用 : 获取指定字符的下标,从前向后查询,找到即返回
  参数 :
  str 表示要查找的字符串,必填
  fromIndex 表示起始下标,默认为0
  返回 :
  返回指定字符的下标,查找失败返回-1
截取字符串
substring(startIndex,endIndex)
作用 : 根据指定的下标范围截取字符串,startIndex ~ endIndex-1
参数 :
startIndex 表示起始下标
endIndex 表示结束下标,可以省略,省略表示截止末尾
substr(startIndex,len)

作用：根据下标截取指定的字符串
分割字符串
split(param)
作用 : 将字符串按照指定的字符进行分割,以数组形式返回分割结果
参数 : 指定分隔符,必须是字符串中存在的字符,如果字符串中不存在,分割失败,仍然返回数组
模式匹配
正则表达式对象 RegExp

RegExp : Regualr Expression
1. 语法：
  var reg1 = /微软/ig;
  var reg2 = new RegExp(‘匹配模式’,‘修饰符’);
  正则表达式对象可以接收一个变量。
2. 属性：
  
  lastIndex : 可读可写，表示下一次匹配的起始索引
  注意：
  1. 默认情况下，正则表达式对象不能重复调用方法，
    如果重复调用，结果会出错：
    由于 lastIndex 保存再一次匹配的起始下标，
    重复调用时，不能保证每次都从下标0开始
    验证，可以手动调整 lastIndex 为 0。
  2. 只有正则对象设置全局匹配 g ，该属性才起作用。
3. 方法：
  
  test(str) :验证字符串中是否存在满足正则匹配模式的内容，存在则返回true，
  
  不存在返回false参数为要验证的字符串。
作用 : 借助正则表达式实现字符串中固定格式内容的查找和替换
正则表达式 :
var reg1 = /字符模式/修饰符;
修饰符 :
i : ignorecase 忽略大小写
g : global 全局范围
字符串方法 :
- match(regExp/subStr)
  作用 : 查找字符串中满足正则格式或满足指定字符串的内容
  返回 : 数组,存放查找结果
- replace(regExp/subStr,newStr)
  作用 : 根据正则表达式或字符串查找相关内容并进行替换
  返回 : 替换后的字符串,不影响原始字符串。

4) Math 对象

1. 定义

Math对象主要提供一些列数学运算的方法

2. 属性

圆周率 : Math.PI
自然对数 : Math.E

3. 方法

Math.random(); 生成0-1之间的随机数
Math.ceil(x); 对x向上取整,忽略小数位,整数位+1
Math.floor(x); 对x向下取整,舍弃小数位,保留整数位
Math.round(x); 对x四舍五入取整数

5）日期对象

1. 创建日期对象

  1. var date2 = new Date("2011/11/11");
  2. var date3 = new Date("2011/11/11 11:11:11");

2. 日期对象方法

读取或设置当前时间的毫秒数：getTime()
获取时间分量
- getFullYear()
- getMonth()
- getDate()

**kwargs

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript的数组、字符串、Math对象、日期对象的介绍

一、内置对象1）对象对象是由属性和方法组成的,使用点语法访问<script> // 创建JS对象 var obj = {name:'maria', age: 20} // 查看对象和其属性 console.log(obj) console.log(obj.age) // 修...
复制链接

扫一扫