实验三数组

//实验1：移除数组arr[1,2,3,4,2,5,6,2,7,2]中与2相等的元素，并生成一个新数组，不改变原数组。
let arr = [1, 2, 3, 4, 2, 5, 6, 2, 7, 2];
//方法1：filter() 方法创建一个新的数组
let newarr = arr.filter(item => item != 2);//filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。
/*
//方法2：循环
let newarr = [];
for (let i = 0, j = 0; i < arr.length; i++) {    //循环数组元素，判断元素是否为2
    if (arr[i] != 2) {    //如果不是2，赋值到新数组
        newarr[j] = arr[i];
        j++;
    }
}*/
document.write('原数组:', arr);
document.write('<br>新数组:', newarr);


/*//实验2：利用indexOf()函数统计数组arr（['a','b','d','d','c','d','d']）中元素d出现的次数，并同时返回其对应的所有索引下标。
let arr = ['a', 'b', 'd', 'd', 'c', 'd', 'd']
let numarr = new Array();
let indexnum = 0, num;
for (let i = 0; i < arr.length; i++) {
    num = arr.indexOf('d', 0);    //获得第一个d的下标
    if (num != -1) {    //记录个数
        numarr[indexnum] = num;
        indexnum++;
    }
    arr[num] = 'c';
}
document.write('数组arr:',arr+'<br />')
document.write('arr中元素d出现的次数:' + indexnum + '<br />');
document.write('对应的所有索引下标:');
for (let i = 0; i < numarr.length; i++) {
    document.write(numarr[i] + ',');
}*/




/*
//实验3：省份城市的三级联动。
//省份数组
let provinceArr = ['上海', '江苏', '河北'];
//城市数组
let cityArr = [
    ['上海市'],
    ['苏州市', '南京市', '扬州市'],
    ['石家庄', '秦皇岛', '张家口']
];
//区域数组
let countryArr = [
    [
        ['黄浦区', '静安区', '长宁区', '浦东区']
    ], [
        ['虎丘区', '吴中区', '相城区', '姑苏区', '吴江区'],
        ['玄武区', '秦淮区', '建邺区', '鼓楼区', '浦江口'],
        ['邗江区', '广陵区', '江都区']
    ], [
        ['长安区', '桥西区', '新华区', '井陉矿区'],
        ['海港区', '山海关区', '北戴河区', '抚宁区'],
        ['桥东区', '桥西区', '宣化区', '下花园区']
    ]
];

//自动创建省份下拉菜单
function createOption(obj, data) {
    for (let i in data) {
        let op = new Option(data[i], i);//创建下拉菜单中的option
        obj.options.add(op);//将选项添加到下拉菜单中
    }
}
let province = document.getElementById('province');//获取省份元素对象
createOption(province, provinceArr);

//自动创建对应的城市下拉菜单
let city = document.getElementById('city');//获取城市下拉菜单的元素对象
province.onchange = function () {//为省份下拉列表添加事件
    city.options.length = 0;//清空city下所有的option
    createOption(city, cityArr[province.value]);
    //修改省份试更新区域下拉菜单
    if (province.value >= 0) {
        city.onchange();//自动添加 城市对应区域 下拉菜单
    } else {
        country.options.length = 0;//清空country下所有的option
    }
}
//自动创建对应区域下拉菜单
let country = document.getElementById('country');//获取区域下拉菜单的元素对象
city.onchange = function () {//为城市下拉列表添加事件
    country.options.length = 0;//清空country下所有的option
    createOption(country, countryArr[province.value][city.value]);
}
*/