javascript 学习备注

1.map  set方法，get方法，forEach方法。

2.this.绑定，如果不绑定找不到方法。可以在constructor里手动绑定。如果在属性里用箭头函数绑定还是找不到的话，箭头函数绑定一般是可以的。有些特殊情况下，会无效。

this. onRow= this. onRow. bind( this);

3.遍历一个json串的每个字段，用for(var k in json)

4.jsx的语法里动态循环输出html元素，可以用数组的map方法，

先把一个json转成数组，然后push，

expandedRowRender= { record => {

//转成数组，用数组的map方法

let list=[];

for( var k in record){

list. push( < div > { k }: { record[ k] } </ div >)

}

return < div > { list } </ div >

} }

jsx表达式里不能有太复杂的语句。

如果出现 Each child in an array or iterator should have a unique "key" prop.

可以给<div>增加key属性，并且<div>的key值不能重复。

validors. forEach(( v, k) =>{

validors[ k]= true;

})

validors. forEach(( v, k) =>{

console. log( validors[ k]);

console. log( k+ v);

})

true

姓名false

true

 员工IDfalse

如何修改map的值？ 可以通过map的set方法。

测试了如下代码

const validors= new Map([

[ '姓名', false],

[ '员工ID', false],

[ '实发金额', false],

[ '资产编号', false],

[ '资产名称', false],

[ '购置日期', false],

[ '购置价格', false]

])

console. log( validors[ '姓名']);

console. log( validors[ 0]);

console. log( validors. size);

for( var i of validors)

{

console. log( i);

console. log( validors[ i]);

}

validors. forEach(( v, k) =>{

console. log( k+ ","+ v);

})

输出

undefined //说明不能通过key访问
upload.js:79 undefined //说明不能通过下标访问
upload.js:81 7
upload.js:84 (2) ["姓名", false]  // console.log(i);
upload.js:85 undefined
upload.js:84 (2) ["员工ID", false]
upload.js:85 undefined
upload.js:84 (2) ["实发金额", false]
upload.js:85 undefined
upload.js:84 (2) ["资产编号", false]
upload.js:85 undefined

通过set方法来修改值，通过set来读取值。