前端学习笔记-JS-内置对象(Array/String)

Array对象

Array

• 创建数组对象的两种方式

  • 字面量方式

  • new Array()

// 1. 使用构造函数创建数组对象
// 创建了一个空数组
var arr = new Array();
// 创建了一个数组，里面存放了3个字符串
var arr = new Array('zs', 'ls', 'ww');
// 创建了一个数组，里面存放了4个数字
var arr = new Array(1, 2, 3, 4);
​
​
// 2. 使用字面量创建数组对象
var arr = [1, 2, 3];
​
// 获取数组中元素的个数
console.log(arr.length);

• 检测一个对象是否是数组

  函数的参数，如果要求是一个数组的话，可以用这种方式来进行判断

  • instanceof

  • Array.isArray() HTML5中提供的方法，有兼容性问题

<script>
    // instanceof
    // Array.isArray() HTML5中提供的方法，有兼容性问题
    var arr = [];
    var obj = {};
    console.log(arr instanceof Array); // true
    console.log(obj instanceof Array); // false
    console.log(Array.isArray(arr)); // true
    console.log(Array.isArray(obj)); // false
</script>

• 添加/删除数组元素

  • push()：在数组末尾添加一个或多个元素/unshift：在数组开头添加一个或多个元素

  •  pop()：删除数组最后一个元素/shift() ：删除数组第一个元素

<script>
        // 添加删除数组元素方法
        // 1. push() 在我们数组的末尾 添加一个或者多个数组元素 
        var arr = [1, 2, 3];
        // arr.push(4, 'pink');
        console.log(arr.push(4, 'pink'));
		console.log(arr);
        // (1) push 是可以给数组追加新的元素
        // (2) push() 参数直接写 数组元素就可以了
        // (3) push完毕之后，返回的结果是 新数组的长度 
        // (4) 原数组也会发生变化
        
		// 2. unshift() 在我们数组的开头 添加一个或者多个数组元素
        console.log(arr.unshift('red', 'purple'));
        console.log(arr);
        // (1) unshift是可以给数组前面追加新的元素
        // (2) unshift() 参数直接写 数组元素就可以了
        // (3) unshift完毕之后，返回的结果是 新数组的长度 
        // (4) 原数组也会发生变化

        // 3. pop() 它可以删除数组的最后一个元素  
        console.log(arr.pop());
        console.log(arr);