JavaScript数组

41 阅读1分钟

数组的创建方式

  1. 利用数字字面量创建数组
var cars = ["Saab", "Volvo", "bmw"];
  1. 构造函数(类)特点:首字母大写,new运算符调用
var cars = new Array("Saab", "Volvo", "BMW");

数组的常用方法

数组的遍历

主要方法包含:for,while,forEach,map,forin,

for语句
  1. for循环不到数组的私有属性
  2. 可以使用return|break|continue终止|结束循环
  3. for属于编程式写法(需要以具体代码表达在哪里(where)做什么(what),如何实现(how))
var fruits, text, fLen, i;
fruits = ["Banana", "Orange", "Apple", "Mango"];
fLen = fruits.length;
for (i = 0; i < fLen; i++) {
     console.log(fruits[i])
} 
forEach
  1. 不会返回新数组;
  2. 无法中途跳出循环,return或break无效;
  3. 不会改变原始数组。(区分于push,splice等操作) 4.forEach属于声明式写法(只需要声明在哪里(where )做什么(what),而无需关心如何实现(how))
var fruits, text;
fruits = ["Banana", "Orange", "Apple", "Mango"];
text = "<ul>";
fruits.forEach(ele=>{console.log(ele)});
for in

1、可以遍历到数组私有属性的值
2、key的类型是string型
3、可以使用return|break|continue终止|结束循环
4、不返回新数组
5、可以遍历对象,遍历对象时key编程对象的属性名

  for(let key in arr){
        console.log(key)
    }
map
  1. 返回新数组;
  2. 无法中途跳出循环,return或break无效;
  3. 不会改变原始数组。(区分于push,splice等操作)
  4. map属于声明式写法(只需要声明在哪里(where )做什么(what),而无需关心如何实现(how))
var fruits, text;
fruits = ["Banana", "Orange", "Apple", "Mango"];
text = "<ul>";
fruits.forEach(ele=>{console.log(ele)});
for of

1、不可以遍历数组的私有属性的值
2、val的值就是arr项的值
3、可以使用return|break|continue终止|结束循环
4、不返回新数组