//插入节点：
var js;
js = document.getElementById('js')
var list;
list = document.getElementById('list')
list.appendChild(js);


//删除节点：
list.removeChild(list.children[0])
list.removeChild(list.children[1])


//更新节点：
// var sql1 = document.getElementById('.sql')
// sql1.innerHTML = '初级数据库'
// console.log(sql1);//显示源代码：<p id="高级SQLSever">初级数据库</p>


//字节点加颜色
var p = document.getElementById('js')
p.style.color = 'blue'


//查找子节点：
var p1 = document.getElementById('list').getElementsByClassName('js')
console.log(p1);

//jquery查找节点：
let lang = $('#list')
let a1 = lang.find('.sql')
console.log(a1);


//jQuery过滤
let langs = $('div#lest li')
console.log(langs);
let v = langs.filter('.sql')
console.log(v);


//显示list中以下的所有节点：
var p2 = document.getElementById('list')
var pp = p2.children;
console.log(pp);


//高阶函数：
//平方：
function pow1(x){
    return x*x
}
var arr =[5,6,7,8,9]
var newarr1 = arr.map(pow1)
console.log(newarr1);

//绝对值相加：
function add(x,y,f){
    return f(x) + f(y)
}
var newadd =add(-2,5,Math.abs);
console.log(newadd);

//reduce相加：
var arr = [1,2,3,4,5]
console.log(
    arr.reduce(function(x,y){
        return x + y
    })
);

//filter筛选偶数：
var arr1 = []
for(var i = 0 ; i<=100 ;i++){
    arr1.push(i)
}
console.log(arr1);

var s = arr1.filter(function(x){
    return x%2===0
})
console.log(s);


//改变数据类型：
var arr = ['1']
var r;
r = arr.map(parseInt);
console.log(r);


//首字母大写，后面小写
var arr = ['apple','BANAN','hellO']
console.log(arr);
for (let j = 0;j <arr.length; j++) { 
    if(j = arr[0])
    {
        var arr1 = arr[0][0].toUpperCase() + arr[0][1] + arr[0][2] + arr[0][3] + arr[0][4] 
        
    }
    if(j = arr[1])
    {
        var arr2 = arr[1][0] + arr[1][1].toLowerCase() + arr[1][2].toLowerCase()
        + arr[1][3].toLowerCase() + arr[1][4].toLowerCase()
        
    }
    if(j = arr[2])
    {
        var arr3 = arr[2][0].toUpperCase() + arr[2][1] + arr[2][2] + arr[2][3] + arr[2][4].toLowerCase()
        
    }
}
var ccc =  [arr1,arr2,arr3]
console.log(ccc);


//sort数字排序：
var arr = [2,4,1,5,3]
arr.sort(function(x,y){
    return x-y
})
console.log(arr);//1,2,3,4,5

arr.sort(function(x,y){
    return y-x
})
console.log(arr);//5,4,3,2,1


//sort字母排序：
var ar = ['Iiii','Ddddd','Aaaa','bbbb']
ar.sort(function (s1,s2){
    a = s1.toUpperCase()//先把小写的变为大写再去比较
    b = s2.toUpperCase()
    if(a<b)
    {
        return -1
    }
    if(a>b)
    {
        return 1
    }
    return 0
})
console.log(ar);//Aaaa,bbbb,Ddddd,Iiii


//evey判断：
var arr3 = [2,3,4,5]
console.log(arr.every(function (x){
    return x > 8
}));//false,都小于8


//find：  find()方法用于查找符合条件的第一个元素，如果找到了，返回这个元素，否则，返回undefined：
var arr4 = ['Hello','apple','la']
console.log(arr4.find(function (x){
    return x.toLowerCase() === x
}));//apple


//闭包：两个函数包着
var arr5 = [1,2,3,4,5]

function sun(a){
    return arr5.reduce(function (x,y){
        return x+y
    })
}
console.log(sun(arr5));//15


//方法————求年龄
function getage(){
    var a = new Date().getFullYear();
    console.log(a);
    return a - this.brith
}

var zh = {
    name:'张宏',
    brith:2001,
    age:getage
}
console.log(getage.apply(zh,[]));


//方法得名字：
var arr = ['张宏','张伟','叶陈辉','邓夏晖','黄忠磊']
arr.name = function(){
    console.log(this);
    this.forEach(item => {
        console.log(item);
    });
}
arr.name();


//rest:
var bb = function (a,b,...rest){
    console.log(a);
    console.log(b);
    console.log(rest);
}
bb(11,22,33,44,55)


//map和set
var a = new map 
    (
        [
            ['张宏',20],
            ['张伟',21],
            ['邓夏晖',19]
        ]
    )
    console.log(a.get('张宏'))//20


//set
var a = new map();
a.set = ('赖荣军',21) //添加新的key_values;
a.get // 21
a.has // true 判断里面是否存在这个值

a.delete('赖荣军') //删除
a.get //undefind


//json:
//序列化：JSON.stringify(xxx,null,' ')将对象排整齐：
var Student =  {
    name : 'ZhangHong',
    age : 20,
    size : '江西省赣州市南康区',
    girlfriend : 'DengXiaHui',
    school : '闽西职业技术学院',
    Subject : ['offic','HTML','Java','SQLsever','C#','WebFrom','.NET','SQL高级数据库','JavaScript']
}
var a = JSON.stringify(Student,null,' ')
console.log(a);

//反序列化:
var b = JSON.parse(a)
console.log(b);


//构造函数：一个参数：
function arr(name){
    this.name =name,
    this.hello = function (){
        alert ('Hello' + this.name + '!')
    }
}
var ZhangWei = new arr('张伟');//构造新函数，new 
console.log(ZhangWei.hello());


//jquery:
let ul = $('#test').find('ul')
console.log(ul);

//添加文本：
//方法一：直接添加：
ul.append('<li><span>Java</span></li>')

//方法二：间接添加：
let lli = '<li><span>C#</span></li>'
ul.append(lli)

//方法三：利用DOM添加：
var li = document.createElement('li')
li.innerHTML ='<span>SQL</span>'

//方法四：利用方法：(无参)
ul.append(function(){
    return '<li><span>WebFrom</span></li>'
})

//方法四：利用方法：(有参)
ul.append(function(index,html){
    console.log(index);
    console.log(html);
    return '<li><span>.NET</span></li>'
})



//会话框：
function a(){
    alert('听话！让我看看！！！')
}










//去年考题：
/*
1、题目描述
找出元素 item 在给定数组 arr 中的位置
输出描述:
如果数组中存在 item，则返回元素在数组中的位置，否则返回 -1
示例1
输入
[ 1, 2, 3, 4 ], 3
输出
2
*/

//第一题：





/*
2、题目描述
计算给定数组 arr 中所有元素的总和
输入描述:
数组中的元素均为 Number 类型
示例1
输入

[ 1, 2, 3, 4 ]
输出

10
*/

//第二题：
function sum(arr,sum){
    var sum = 0 ;
    for(var i = 0; i <arr.length ; i ++){
        sum +=arr[i]
    }
    console.log(sum);
}
sum([1,2,3,4,])


/*
3、题目描述
移除数组 arr 中的所有值与 item 相等的元素。不要直接修改数组 arr，结果返回新的数组
示例1
输入

[1, 2, 3, 4, 2], 2
输出

[1, 3, 4]
*/

//第三题：
function remove (arr,item){
    var arrs = [];
    for(var i = 0;i<arr.length ; i++){
        if(item!=arr[i]){
            arrs.push(arr[i])
        }
    }
    console.log(arrs);
}
remove([1,2,3,4,2],2)

/*
4、题目描述
移除数组 arr 中的所有值与 item 相等的元素，直接在给定的 arr 数组上进行操作，并将结果返回
示例1
输入

[1, 2, 2, 3, 4, 2, 2], 2
输出

[1, 3, 4]
*/

function removeWithoutCopy(arr,item){
    for(let i = 0 ;i<arr.length ; i++){
        arr.splice(arr.indexOf(item),1)
    }
    console.log(arr);
}
removeWithoutCopy([1,2,2,2,3,4,2,2],2)


/*
5、题目描述
在数组 arr 末尾添加元素 item。不要直接修改数组 arr，结果返回新的数组
示例1
输入

[1, 2, 3, 4],  10
输出

[1, 2, 3, 4, 10]
*/

//第五题:
function arrpush(arr,item){
    arr.push(item)
    console.log(arr);
}
arrpush([1,2,3,4],10)


/*
6、题目描述
删除数组 arr 最后一个元素。不要直接修改数组 arr，结果返回新的数组
示例1
输入

[1, 2, 3, 4]
输出

[1, 2, 3]
*/

//第六题：
function arrpop(arr){
    arr.pop();
    console.log(arr);
}
arrpop([1,2,3,4])


/*
7、题目描述
在数组 arr 开头添加元素 item。不要直接修改数组 arr，结果返回新的数组
示例1
输入

[1, 2, 3, 4], 10
输出

[10, 1, 2, 3, 4]
*/

//第七题：
function arrunshift(arr,item){
    arr.unshift(item)
    console.log(arr);
}
arrunshift([1,2,3,4],10)


/*
8、题目描述
删除数组 arr 第一个元素。不要直接修改数组 arr，结果返回新的数组
示例1
输入

[1, 2, 3, 4]
输出

[2, 3, 4]
*/

//第八题：

function arrshift(arr){
    arr.shift()
    console.log(arr);
}
arrshift([1,2,3,4])


/*
9、题目描述
合并数组 arr1 和数组 arr2。不要直接修改数组 arr，结果返回新的数组
示例1
输入

[1, 2, 3, 4], ['a', 'b', 'c', 1]
输出

[1, 2, 3, 4, 'a', 'b', 'c', 1]
*/

//第九题：
function concat(arr1,arr2){
    var arr1 ;
    var arr2 ;
    var arr = arr1.concat(arr2);
    console.log(arr);
}
concat([1,2,3,4],['a','b','c','d'])

/*
10、题目描述
在数组 arr 的 index 处添加元素 item。不要直接修改数组 arr，结果返回新的数组
示例1
输入

[1, 2, 3, 4], 'z', 2
输出

[1, 2, 'z', 3, 4]
*/

//第十题：
function insert (arr,item,index){
    arr.splice(index,0,item)
    console.log(arr);
}
insert([1,2,3,4],'z',2)


/*
11、题目描述
统计数组 arr 中值等于 item 的元素出现的次数
示例1
输入

[1, 2, 4, 4, 3, 4, 3], 4
输出
3 
*/

function count(arr,item){
    var sum = 0;
    for(let i = 0 ; i<arr.length; i++){
        if(arr[i]===item){
            sum++;
        }
    }
    console.log(sum);
}
count([1,2,4,4,3,4,3],4)


/*
12、题目描述
找出数组 arr 中重复出现过的元素
示例1
输入

[1, 2, 4, 4, 3, 3, 1, 5, 3]
输出

[1, 3, 4]
*/
console.log('fghdgdfgdfg');
function duplicates(arr){
    let arrs = [];
    for(let i = 0 ; i < arr.length ; i ++){
        for(let j = i ; j < arr.length ; j++){
            if(i!=j){
                if(arr[i]===arr[j]){
                    arrs.push(arr[j])
                    arrs.splice(i,2)
                }
            }
        }
    }
    console.log(arrs);
}
duplicates([1,2,4,4,3,3,1,5,3])


/*
13、题目描述
为数组 arr 中的每个元素求二次方。不要直接修改数组 arr，结果返回新的数组
示例1
输入

[1, 2, 3, 4]
输出

[1, 4, 9, 16]
*/

function pingfang(x){
    return x*x
}
var arr = [1,2,3,4]
var newarr = arr.map(pingfang)
console.log(newarr);





/*
14、题目描述
在数组 arr 中，查找值与 item 相等的元素出现的所有位置
示例1
输入

['a','b','c','d','e','f','a','b','c'] 'a'
输出

[0, 6]
*/

function findAllOccurrences(arr,item){
    let a = arr.slice();
    for(let i = 0;i<arr.length ; i++){
        if(arr[i]===item){
            a.push(i)
          
        }
    }
    console.log(a);
}
findAllOccurrences(['a','b','c','d','e','f','a','b','c'],'a')




/*
15、题目描述
判断 val1 和 val2 是否完全等同
*/

function identity(val1,val2){
    console.log(val1===val2);
}
identity('苹果',"apple")



/*
16、题目描述
定义一个计算圆面积的函数area_of_circle()，它有两个参数：
r: 表示圆的半径；
pi: 表示π的值，如果不传，则默认3.14
*/

function area_of_circle(r){
     pi = 3.14;
    return pi*r*r
}
console.log(area_of_circle(2));


/*
17、题目描述

<!-- HTML结构 -->
<ul id="test-list">
    <li>JavaScript</li>
    <li>Swift</li>
    <li>HTML</li>
    <li>ANSI C</li>
    <li>CSS</li>
    <li>DirectX</li>
</ul>

针对以上文档结构，请把与Web开发技术不相关的节点删掉：

注意！！请分别使用原生JS和jQuery两种试实现！！！！！

*/

let ul = document.getElementById('test-list')
ul.removeChild(ul.children[1]);
ul.removeChild(ul.children[2]);
ul.removeChild(ul.children[3]);